@charset "utf-8";

.floatClear:after{display: block;content:"";clear: both;}

/* Technical index */
#TechHeader{overflow:hidden;}
#TechHeader #header{padding-bottom: 190px;background: url("../images/Technical/technical_guide_bg.jpg") no-repeat right 50px;position: relative;}
#TechHeader #auto_header{padding-bottom: 190px;background: url("../images/Technical/autocheck/AutoTitle.png") no-repeat right 50px;position: relative;}
#TechHeader h4{font-size: 16px;text-align: left;margin: 50px 0 20px;border-bottom:2px solid #000;}
#TechHeader h4 span{font-size: 14px;text-align: left;display: block;}
#TechHeader .categoryNav{position: absolute;top: 0;right: 10px;}
#TechHeader .printing_basics ul{border-left: 1px solid #000;border-top:1px solid #000;margin-bottom: 20px;}
#TechHeader .printing_basics ul li{float: left;width: 20%;box-sizing: border-box;border-right: 1px solid #000;border-bottom:1px solid #000;}
#TechHeader .printing_basics ul li a{display:block;padding:10px;box-sizing: border-box;}
#TechHeader .printing_basics ul li a:hover{background: #a71b1f;color:#fff;}
#TechHeader .printing_basics ul li.on_1 a{background: #a71b1f;color:#fff;}
#TechHeader .toptxt{width: 546px;padding: 20px;font-size: 14px;background: rgba(255,255,255,0.4);position:relative;top: 100px;left: 38px;}
#TechHeader #TechNav{width: 620px;margin: 0 auto 30px;}
.homeBtn{position: relative;display: block;text-align: center;margin: 40px auto;}
.homeBtn a{background: linear-gradient(to bottom, #ffffff 10%, #dfdfdf 84%, #dfdfdf 95%, #cfcfcf 100%);color: #333;border: 1px solid #ccc;border-radius: 0.25rem;font-size: 15px;padding: 10px 20px;}
.homeBtn a:hover{background: linear-gradient(to bottom,#ffffff 5%, #dfdfdf 30%, #dfdfdf 60%,#cfcfcf 100%);}
.backBtn{text-align: center;margin-top: 20px;}
.backBtn input{padding: 5px 20px;border: 0;background: #000;color: #fff;font-size: 15px;font-weight: bold;cursor: pointer;}
#TechHeader #TechNav .software_info a{display: block;padding: 5px 55px;font-weight: bold;font-size: 19px;border: 1px solid #000;border-radius: 30px;}
#TechHeader #TechNav .software_info a:hover{border: 1px solid #a71b1f;color:#a71b1f;}
#TechHeader #TechNav .software_info a p span{display: block;font-size: 12px;}
#illustrator{background: #f1f2f2 url("../images/Technical/illustratorTitle.png") no-repeat;padding:10px 100px 30px;}
#photoshop{background: #a71b1f url("../images/Technical/photoshopTitle.png") no-repeat; padding:30px 100px;}
#otherSoftware{background: #e1e1e1 url("../images/Technical/OtherSoftware.png") no-repeat; padding:30px 100px; height: 290px;}
#otherSoftware div{margin-bottom: 5%;}
#otherSoftware div .otherSoftware-box{background: #ffffff url('../images/Technical/canva/canvaLogo.png') 10px 50% no-repeat; background-size: 50px; display: flex; align-items: center; -webkit-align-items: center; padding: 0 5px 0 75px; box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; min-height: 60px; height: 70px; border-radius: 5px; color: #31708f; font-size: 16px; width: 255px;}
#illustrator .box:nth-child(2), #illustrator .box:nth-child(5){margin-right:20px;margin-left: 20px;}
#illustrator .box, #photoshop .box{float: left;padding:21px 15px;background: #fff;border:1px solid #d7d9da;margin-top: 20px;}
#illustrator div dl, #photoshop div dl{width:223px;}
#illustrator div dt, #photoshop div dt{height:40px; line-height:40px;font-weight:bold; color:#a71b1f;text-align: center;font-size: 14px;}
#illustrator div dd, #photoshop div dd{height:25px; line-height:25px; border-bottom:1px dashed #cccccc;}

#TentsiNav{padding:5px 0;margin-bottom:20px;font-weight: bold;}
#TentsiNav div{width:500px;margin:0 auto;text-align: center;}
#TentsiNav div a{display: inline-block;position: relative;border: 1px solid #ccc;box-sizing: border-box;color: #333;background: linear-gradient(to bottom, #ffffff 10%, #dfdfdf 84%, #dfdfdf 95%, #cfcfcf 100%);border-radius:.25rem;width: 120px;font-weight: normal;padding: 3px;text-align: center;font-size: 13px;}
#TentsiNav div a:hover{background: linear-gradient(to bottom,#ffffff 5%, #dfdfdf 30%, #dfdfdf 60%,#cfcfcf 100%);}

#PaperNav{padding:25px 0;font-weight: bold;}
#PaperNav div{width:100%;}
#PaperNav div a{text-align: center;width: 16%;display: inline-block;color:#000;border-right: 2px solid #000;}
#PaperNav div a.bor_none{border: none;}

#CheckNav{position: relative;margin-bottom: 20px;}
#CheckNav .temp{position: absolute;bottom: 10px;right:0;}
#CheckNav div{width:100%;}
#CheckNav div a{width: 240px;display: inline-block;color:#000;background: #f1f2f2;margin: 0 10px 10px 0;padding:11px 10px;box-sizing: border-box;}
#CheckNav div a:hover{background: #e6c6b9;}
#CheckNav div a.margin_none{margin-right: 0;}

/* Technical Sub Page Header*/
#TechHeader .software_nav{margin-bottom: 20px;}
#TechHeader .software_nav div{width: 240px;text-align: center;margin-right: 15px;}
#TechHeader .software_nav div:nth-child(4n){margin-right: 0px;}
#TechHeader .software_nav div a{display: block;padding: 10px 0;background: #f1f2f2;color: #000;border-radius: 20px;margin-bottom: 10px;}
#TechHeader .software_nav div a:hover{background: #e6c6b9;}
#TechHeader .software_nav div a.on_1{background: #e6c6b9;}

.TechIndex{width: 800px; margin: 80px auto; overflow:hidden;}
.TechIndex .txt{text-align: center;margin-top: 15px;}
.TechIndex .txt .info{padding-top:10px;}

/* Technical Sub Page Section */
#tech_sub h2.techTit{background: #000;color: #fff;font-weight: bold;padding: 3px 3%;font-size: 16px;margin-bottom: 20px;}
#tech_sub h2.techTit a{float: right;color: #fff;font-size: 12px;margin-top: 4px;}
#tech_sub h4.subTit{margin:0 0 10px 3%;font-weight: bold;font-size: 14px;}
#tech_sub .inner_box{padding-bottom:10px;}
#tech_sub .inner_box:after{content: '';display: block;clear: both;}
#tech_sub .inner_box .txtBox{padding:0 3%;box-sizing: border-box;margin-bottom:20px;}
#tech_sub .inner_box .txtBox h3{font-size: 18px;font-weight: bold;}
#tech_sub .inner_box .txtBox .bor_bottom{border-bottom: 1px solid #000;margin-bottom:10px;}
#tech_sub .inner_box .txtBox p{line-height: 23px;}
#tech_sub .tech_contentBox{border: 1px solid #000;background: #f1f2f2;text-align: center;padding: 30px 0;margin-bottom: 20px;}
#tech_sub .tech_contentBox_w{border: 1px solid #000;background: #fff;text-align: center;padding: 30px 0;margin-bottom: 20px;}
#tech_sub .paperSize_box table{border-top: 1px solid #888888;border-left: 1px solid #888888;}
#tech_sub .paperSize_box table td, #tech_sub .paperSize_box table th{height: 36px;border-right: 1px solid #888888;border-bottom: 1px solid #888888;text-align: center;}
#tech_sub .paperSize_box .tech_contentBox_w{padding: 30px;overflow: hidden;}
#tech_sub .paperSize_box .tech_contentBox_w p{text-align: left;}
#tech_sub .paperSize_box .tech_contentBox_w img{float: left;}
#tech_sub .paperSize_box .tech_contentBox_w .sizeTable{float: right;margin: 40px 60px;}
#tech_sub .paperSize_box .tech_contentBox_w .paper_size_table{margin: 0 auto;}
#tech_sub .tBlock{background: #eee;}
#tech_sub .inner_box .txtBox .ps_info{font-size: 12px;}
#tech_sub .inner_box .txtBox a.link{font-weight: bold;color: #a71b1f;}
#tech_sub .width665{width:665px;box-sizing: border-box;}
#tech_sub .width630{width:630px;box-sizing: border-box;}
#tech_sub .width495{width:495px;box-sizing: border-box;}
#tech_sub .width360{width:360px;box-sizing: border-box;}
#tech_sub .width325{width:325px;box-sizing: border-box;}
#tech_sub .margin15{margin: 0 15px;}
#tech_sub .tech_contentBox .click_btn{position:absolute;top:30px;left:22px;right: 22px;bottom: 30px;z-index: 10;text-indent: -9999px;background: rgba(0,0,0,0.1) url("../images/magnify.png") no-repeat 50% 50%;cursor: pointer;}
#tech_sub .click_img{display:none;position:relative;;top:-410px;left: 0;z-index: 101;}
#tech_sub .click_img .close_btn{display:none;width:30px;height:30px;position:absolute;top:402px;right: 0px;z-index: 101;background: #000 url("../images/btn_close.png") no-repeat 50% 50%;cursor:pointer;text-indent: -9999px;}
#tech_sub .back_ground{display:none;position:fixed;top:0;left: 0;right: 0;bottom: 0;z-index: 100;background: rgba(0,0,0,0.3);cursor:pointer;}
#tech_sub .inner_box .box_border_bottom{padding-bottom: 10px;margin-bottom: 20px;border-bottom: 1px solid #000;}
#tech_sub .inner_box .red_borderBox{border: 3px solid #a71b1f;text-align: center;font-size: 20px;color: #a71b1f;font-weight: bold;margin-bottom: 20px;padding: 10px 0;}
#tech_sub .inner_box .txtBox .ex_box{margin-top:20px;}
#tech_sub .inner_box .txtBox .ex_box span{padding: 1px 10px;background: #000;border-radius: 6px;color: #fff;font-weight: bold;}
#tech_sub .inner_box .txtBox .ex_box .grayBox{width: 535px;background: #f1f2f2;padding:10px 20px;}
.check p a{font-weight: bold;margin-left: 5px;color: #a71b1f;}
.check p a:hover{text-decoration: underline;}
.check_quick{position:absolute;bottom: 5px;left: 50px;}
.check_quick span img{vertical-align: top;}
.check_quick a img{margin: 10px 0;}

/* Technical データ作成について */
#quickCheck{width: 1005px;height: auto;}
#quickCheck .check_point{padding:550px 40px 40px 40px;background: url("../images/Technical/TechTitle.jpg") no-repeat left 20px;}
#quickCheck .check_point h3{padding:10px 20px;border-bottom:1px solid #d1d3d4;}
#quickCheck .check_point .check{padding:20px 0 20px 80px;border-bottom:1px solid #d1d3d4;background: url("../images/Technical/check.png") no-repeat 13px 50%;}
#quickCheck .check_point .check p.tit{font-weight: bold;margin-bottom:10px;background: #efefef;padding:0 10px;font-size:14px;}
#quickCheck .check_point .check p a{font-weight: bold;margin-left: 5px;color: #a71b1f;}
#quickCheck .check_point .check p a:hover{text-decoration: underline;}

/* ColorBox */
#cboxLoadedContent{background-color:#ffffff;}
#cboxLoadingOverlay{background-color:#ffffff;}
#cboxContent{background-color:#ffffff;}
#cboxPrevious, #cboxNext, #cboxClose{display:none !important;}

/* template */
/*.topBtnBox{width: 1005px;border-collapse:collapse;margin: 30px 0 40px;}
.topBtnBox tr td{width: 25%;border: 1px solid #a1a1a1;background: #f1f2f2;}
.topBtnBox tr td a.btn{display: block;padding: 10px 0;width: 100%;text-align: center;}*/
.topBtnBox{position: relative;width: 1005px;padding: 10px 0 20px;}
.topBtnBox div{width: 22%;margin-right: 4%;float: left;}
.topBtnBox div:nth-child(4n){margin-right: 0;}
.topBtnBox div > a.btn{display: block;background: linear-gradient(to bottom, #ffffff 10%, #dfdfdf 84%, #dfdfdf 95%, #cfcfcf 100%);color: #333;font-size: 12px;border-radius: .25rem;padding: 8px 0;text-align: center;border: 1px solid #ccc;margin-bottom: 10px;}
.topBtnBox div > a.btn:hover{background: linear-gradient(to bottom,#ffffff 5%, #dfdfdf 30%, #dfdfdf 60%,#cfcfcf 100%);}
.topTxtBox{font-size:13px;padding-top:20px;}
.temp_update{background:#be1d2c;padding:10px 20px;color: #fff;}
table.temp_news{border:1px solid #a1a1a1;width:100%;}
table.temp_news td{padding:10px 15px;}
.GoProcessGuide{margin:20px 0; border:1px solid #be1d2c; padding:15px 30px;line-height:1.7em;}
.GoProcessGuide em{text-decoration:underline; font-style:normal; display:block; font-weight:normal !important;}
.temp_h3{color: #000;border-left: 2px solid #000;padding-left: 8px;margin-left: 10px;text-align: left;font-size: 15px;font-weight: bold;}
.tabsC{margin-bottom:40px; margin-top:20px; position:relative; overflow:hidden;}
.tabsC ul{overflow:hidden;padding: 0 30px;}
.tabsC ul li{background-color:#fff;color:#000; float:left; margin-right:5px; text-align:center; width:16%;border-radius:10px 10px 0 0;border:1px solid #be1d2c;border-bottom:none;}
.tabsC ul li a{line-height:35px; display:block;color:inherit;}
.tabsC .ui-state-focus{border: 1px solid #808080 !important;}
.tabsC .ui-state-active{background-color: #be1d2c  !important;color:#fff;}
.tabsC div .template_meishi{width:100%; border-bottom:1px solid #808080; border-top:1px solid #808080; text-align:center; float:left;}
.tabsC div .template_meishi caption{display:none;}
.tabsC div .template_meishi .tabletitle{margin-bottom:10px; font-size:1.3em; font-weight:bold; letter-spacing:1px;}
/*.tabsC div .template_meishi .border{border-bottom:1px solid #aaaaaa;}*/
.tabsC div .template_meishi td{height:37px;}
.tabsC div .template_meishi .border td{border-bottom:1px solid #aaaaaa;background: #f1f2f2;height: 24px;font-weight: bold;}
/*.tabsC div .template_meishi .dot{}*/
.tabsC div .template_meishi .dot td{border-bottom:1px dotted #aaaaaa;}
.tabsC div .template_meishi .dot td:last-child{text-align: left;padding-left:50px;}
.tabsC div .template_meishi .Tdot td{border-top:1px dotted #aaaaaa;}
.tabsC div .template_text{border:#bfbfbf 1px solid; border-radius:5px; float:right; width:250px; overflow:hidden;}
.tabsC div .template_text p{padding:10px;}
.tabsC div .template_text b{border-bottom:#bfbfbf 1px solid; margin-bottom:5px; display:block; padding-bottom:5px;}
.tabsC div .template_text .stickerImg{margin-bottom:3px;}

/*accordion*/
.accordion{width:1005px;}
.accordion .box{width:1005px;position: relative;}
.accordion .box .mainTitle h3{font-size: 30px;margin-bottom: 30px;}
.accordion .box .viewBox1{width:1005px;height: 335px;background:#635f60 url('../images/Technical/autoCheck/group_main.jpg') no-repeat 85% 50%;}
.accordion .box .viewBox1 .mainTitle{position: absolute;top:30%;left:15%;text-align: center;color:#fff;}
.accordion .box .viewBox2{width:1005px;height: 335px;background: url('../images/Technical/autoCheck/arrange_main.jpg') no-repeat 15% 50%;}
.accordion .box .viewBox2 .mainTitle{position: absolute;top:27%;right:11%;text-align: center;}
.accordion .box .viewBox3{width:1005px;height: 335px;background:#635f60 url('../images/Technical/autoCheck/plural_main.jpg') no-repeat 85% 50%;}
.accordion .box .viewBox3 .mainTitle{position: absolute;top:30%;left:15%;text-align: center;color:#fff;}

.accordion .box .viewBox1:hover{background:#635f60 url('../images/Technical/autoCheck/group_main_on.gif') no-repeat 85% 50%;}
.accordion .box .viewBox2:hover{background:url('../images/Technical/autoCheck/arrange_main_on.gif') no-repeat 15% 50%;}
.accordion .box .viewBox3:hover{background:#635f60 url('../images/Technical/autoCheck/plural_main_on.gif') no-repeat 85% 50%;}

.accordion .box .title{width:292px;height: 58px;position: absolute;cursor: pointer;text-indent: -9999px;}
.accordion .box .btn01{top: 64%;left: 145px;background:url("../images/Technical/autocheck/btn01.png") no-repeat;}
.accordion .box.ui-state-active .btn01{background:url("../images/Technical/autocheck/btn01_off.png") no-repeat;}
.accordion .box .btn02{top: 64%;right: 105px;background:url("../images/Technical/autocheck/btn02.png") no-repeat;}
.accordion .box.ui-state-active .btn02{background:url("../images/Technical/autocheck/btn02_off.png") no-repeat;}
.accordion .dropBox{background: #f1f1f2;position: relative;padding-bottom:40px;}
.accordion .close{position: absolute;bottom:0;left:0;width: 100%;background: #000;color:#fff;cursor: pointer;padding: 10px 30px;box-sizing: border-box;font-weight: bold;text-align: right;}

.accordion .dropBox .subBox{margin-bottom:30px;}
.accordion .dropBox .whiteBorder{border-right:1px solid #fff;padding-right:44px;}
.accordion .dropBox .subTitle1{width:362px;height:31px;line-height: 31px;color:#a71b1f;text-indent: 25px;margin-bottom:15px;background:url("../images/Technical/autocheck/gray_ribbon.png") no-repeat;font-size: 17px;}
.accordion .dropBox .subTitle2{width:362px;height:31px;line-height: 31px;color:#fff;text-indent: 25px;margin-bottom:15px;background:url("../images/Technical/autocheck/red_ribbon.png") no-repeat;font-size: 17px;}
.accordion .dropBox .group{padding:48px 44px 20px;background:#555253;}
.accordion .dropBox .group .txtBox{color:#fff;font-size: 17px;padding:0 0 0 41px;line-height: 30px;}
.accordion .dropBox .arrange{padding:48px 60px 20px;background:#cfcdcd;}
.accordion .dropBox .arrange .txtBox{padding:15px 25px 0 25px;font-size: 14px;}
.accordion .dropBox .plural{padding:48px 60px 20px;background:#555253;}
.accordion .dropBox .plural .txtBox{padding:15px 5px 0 5px;font-size: 14px;color:#fff;text-align: center;}
.accordion .dropBox .plural h4{font-size: 18px;padding:15px 0;color:#fff;}

/* 20190813 softInfotable added */
.softInfoTable{position: relative;width: 100%;border: 1px solid #000;border-collapse:collapse;padding: 0;margin: 0;}
.softInfoTable tr{}
.softInfoTable th{border: 1px solid #000;background: #f1f2f2;font-size: 13px;text-align: center;padding: 5px 0;}
.softInfoTable td{border: 1px solid #000;text-align: center;padding: 5px 0;}
.softInfoTable td img{display: inline-block;width: 48px;}

/* 20190813 templete added */
.temp_notice{position: relative;width: 1005px;height: 80px;overflow-y: scroll;margin: 0;padding: 0;border: 1px solid #000;border-top: none;padding: 0 30px;box-sizing:border-box;}
.temp_notice li{position: relative;padding: 10px 0;}
.temp_notice li span{font-size: 13px;}
.temp_notice li span.temp_date{margin-right: 30px;}
.temp_notice li span.update_info{}


/* 20200228 new process added */
.tech_contentBox_w2{position: relative;border: 1px solid #000;background: #fff;text-align: center;padding: 30px 0;margin-bottom: 20px;}
.tech_contentBox_w2 > img{display: block;margin: 0 auto;width: 86%;}
.tech_contentBox2{position: relative;border: 1px solid #000;background: #f1f2f2;text-align: center;padding: 30px 0;margin-bottom: 20px;box-sizing:border-box;}
.tech_contentBox2 > img{display: block;margin: 0 auto;width: 86%;}
div.warningBox{position: relative;margin: 20px auto;width: 100%;border: 1px solid red;padding: 20px 20px; box-sizing:border-box;}

/* 20200506 smart templete added */

.smartTempInfo{position: relative;padding: 10px 20px;box-sizing:border-box;width: 600px;}
.smartTempInfo p{padding: 5px 0;}
.smartTempInfo a.goToOriginTemp{color: #00A3F4;}
.smartTempInfo a.goToOriginTemp:hover{text-decoration: underline;}


.radioProductSelectBox{position: relative;padding: 20px 0 0 30px;box-sizing:border-box;}
.radioProductSelectBox input[type="radio"]{display: none;}
.radioProductSelectBox input[type="radio"] + label{position: relative;display: inline-block;width: 151px;padding: 7px 0;text-align: center;border-radius:10px 10px 0 0;color: #333;border: 1px solid #be1d2c;cursor: pointer;font-size: 13px;border-bottom: none;}
.radioProductSelectBox input[type="radio"]:checked + label{background: #be1d2c;color: #fff;}

.tempSelectBox{position: relative;border: 1px solid #808080;box-sizing:border-box;padding: 20px 20px;margin-bottom: 0;overflow: hidden;}

.tempSelectBox h3{font-size: 15px;color: #595959;}
.tempSelectBox > div{margin-bottom: 20px;border-bottom: 1px dotted #333;padding-bottom: 10px;}


.widthSelectBox{position: relative;}
.widthSelectBox > div input[type="radio"]{display: none;}
.widthSelectBox > div input[type="radio"] + label{position: relative;display: inline-block;cursor: pointer;text-align: center;width: 160px;border: 1px solid #be1d2c;border-radius: 5px;padding: 5px 0;margin-bottom: 10px;margin-right: 10px;}
.widthSelectBox > div input[type="radio"] + label > span.yokoSample{display: block;width: 38px;height: 25px;border: 1px solid #be1d2c;background: #fff;margin: 10px auto 0;}
.widthSelectBox > div input[type="radio"] + label > span.tateSample{display: block;width: 25px;height: 35px;border: 1px solid #be1d2c;background: #fff;margin: 0 auto;}
.widthSelectBox > div input[type="radio"]:checked + label{background: #be1d2c;color: #fff;}


.sizeSelectBox{position: relative;}
.sizeSelectBox > div input[type="radio"]{display: none;}
.sizeSelectBox > div input[type="radio"] + label.irregularSize{position: relative;display: block;text-align: center;width: 90px;text-align: center;padding: 10px 0;border: 1px solid #000;-webkit-box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.54);-moz-box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.54);box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.54);margin-top: 25px;color: #595959;}
.sizeSelectBox > div input[type="radio"] + label{position: relative;display: inline-block;cursor: pointer;}
.sizeSelectBox > div input[type="radio"] + label > img{display: block;-webkit-box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.54);-moz-box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.54);box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.54);}
.sizeSelectBox > div input[type="radio"] + label > p{position: absolute;bottom: 5px;right: 5px;color: #595959;font-size: 12px;text-align: right;}
.sizeSelectBox > div input[type="radio"]:checked + label{}
.sizeSelectBox > div input[type="radio"]:checked + label.irregularSize{box-shadow:none;background: #be1d2c;color: #fff;}
.sizeSelectBox > div input[type="radio"]:checked + label > img{box-shadow:none;background: #be1d2c;}
.sizeSelectBox > div input[type="radio"]:checked + label > p{color: #fff;}

.colorSelectBox{position: relative;}
.colorSelectBox > div input[type="radio"]{display: none;}
.colorSelectBox > div input[type="radio"] + label{position: relative;display: inline-block;cursor: pointer;text-align: center;width: 160px;border: 1px solid #be1d2c;border-radius: 5px;padding: 5px 0;margin-bottom: 10px;margin-right: 10px;}
.colorSelectBox > div input[type="radio"] + label p{margin: 5px 0 0;}
.colorSelectBox > div input[type="radio"]:checked + label{background: #be1d2c;color: #fff;}

.sizeInputBox{position: relative;text-align: left;padding: 10px 20px 0;box-sizing:border-box;}
.sizeInputBox span{position: relative;display: inline-block;width: 120px;margin-bottom: 10px;}
.sizeInputBox input[type="text"]{position: relative;width: 50px;text-align: center;font-size: 17px;padding: 2px 0;}
.sizeInputBox input.WorkWidth, .sizeInputBox input.WorkHeight{background: #eee;border: 1px solid #000;}

.caseSelectBox{position: relative;}
.caseSelect{position: relative;width: 95px;display: inline-block;}
.caseSelect input[id="Count"]{width: 50px;text-align: center;font-size: 17px;padding: 2px 0;margin: 0 0 0 7px;float: left;}
.caseSelect .countBtnWrap{position: relative;float: right;}
.caseSelect a{display: block;position: relative;background: linear-gradient(to bottom, #ffffff 10%, #dfdfdf 84%, #dfdfdf 95%, #cfcfcf 100%);color: #333;font-size: 20px;border-radius: .25rem;padding: 3px 0;width: 30px;text-align: center;border: 1px solid #ccc;font-weight: bold;}
.caseSelect a > img{display: block;width: 40%;margin: 0 auto;}
.caseSelect a:hover > img{opacity: 1;}
.caseSelect a.countPlus{display: block;margin-bottom: 1px;}
.caseSelect a.countMinus{display: block;}
.caseSelect a:hover{background: linear-gradient(to bottom,#ffffff 5%, #dfdfdf 30%, #dfdfdf 60%,#cfcfcf 100%);}

.radioWrap{position: relative;margin-top: 15px;}
.radioWrap input[type='radio'] + label{float: left;margin-right: 15px;}

.stickerInfo{display: none;margin-left: 20px;margin-top: 40px;}

.downBtnWrap{position: relative;border-bottom: none !important;margin-bottom: 0 !important;padding: 20px 0;}
.downBtnWrap .templeteDownBtn{display: block;position: relative;margin: 0 auto 0;background: linear-gradient(to bottom, #ffffff 10%, #dfdfdf 84%, #dfdfdf 95%, #cfcfcf 100%);color: #333;font-size: 15px;border-radius: .25rem;padding: 4px 0;width: 160px;text-align: center;border: 1px solid #ccc;}
.downBtnWrap .templeteDownBtn:hover > img{opacity: 1;}
.downBtnWrap .templeteDownBtn:hover{background: linear-gradient(to bottom,#ffffff 5%, #dfdfdf 30%, #dfdfdf 60%,#cfcfcf 100%);}

.downBtnWrap #loadingTempla{position: absolute;top: 0;left: 0;background: #fff;z-index: 1;width: 100%;height: 100%;display: none;}
.downBtnWrap #loadingTempla > svg{width: 100%;margin: 0 auto;}