/* CSS Document */
ul, li{margin:0;padding:0}
h1,h2,h3,h4,h5,h6{}
p{font-size:1.2em}
@media (max-width:769px){p{font-size:1.1em}}
p{font-size:1.1em}
.container{}

#quick{
position:fixed;
width:200px;height:200px;
top:300px;
right:10px;
z-index:1050;
}
section{position:relative}
.text-wrap p{ font-size:22px; text-align:justify; line-height:1.8}
@media (max-width:768px){
.text-wrap{margin:0 15px}
.text-wrap p{ font-size:16px}
}
.terms .box-wrap .box{height:100%;}
.pattern-saseon{ background:url(img/pattern-saseon.gif);}
.pattern{background:url(img/pattern.gif);}
.pattern-cross{background:url(img/pattern-cross.gif);}
section#monitor{ background-color:#f3f4f4;  /*background:url(img/pattern.png);*/ }
section{ }
#package{ background:url(img/pattern.png)}
.dashbox{
background-color:#fff;
border:2px dashed #91abc3;
}
.box{border:1px solid #ddd}
section#process .box-inner{
background-color:rgba(17,50,157,0.3);
border-color:rgba(17,50,157,0.7);
color:#ededed;	
}
section#process .box-inner:hover, section#process .box-inner:focus {
background-color:rgba(17,50,157,0.7);
border-color:rgba(17,50,157,1);
color:#FF3;	
}
section#process .box-inner{min-height:320px;margin-bottom:10px}

@media (max-width:1201px){	
#quick{width:180px;height:180px}
section#goodpoint .box-inner{min-height:360px;	overflow:hidden}
}

@media (max-width:993px){	
#quick{width:130px;height:130px}
section#process .box-inner{min-height:370px;margin-bottom:10px}
}

@media (max-width:769px){
#quick{display:none}	
section#process .box-inner{min-height:300px;margin-bottom:10px}
}

.tableWrap{ padding:0}
.tableWrap table{ width:100%; font-size:16px;border-spacing:2px; border-collapse:separate}
.tableWrap table tr th{ font-size:1rem; background-color:#484848; color:#fff; border:0px solid #ddd}
.tableWrap table tr th.bg-pink{background-color: #F39;}
.tableWrap table.left tr td{text-align: left}
.tableWrap table tr td{background-color: #fbfbfb;text-align: center; border:0px solid #ddd;padding: 20px 15px 20px;line-height: 24px}

.smallTitle{font-size:30px}
ul.txtList li{position:relative;padding-left:.6rem;font-size:.913rem;text-align:left;line-height:1.6;word-break:keep-all}
.txtList>li:before{position:absolute;top:.6rem;left:0;width:4px;height:4px;background-color:#ec068d;clear:both;display:block;content:'';border-radius:50%}
.txtList>li>ul>li:before{position:absolute;left:0;content:'-'}
.txtList.wpoint>li:before{background-color:#fff}
.txtList.bpoint>li:before{background-color:#111}
ul.txtList.md li{font-size:1.1rem}
.txtList.md>li:before{position:absolute;top:.7rem;}
ul.txtList.lg li{font-size:1.3rem}
.txtList.lg>li:before{position:absolute;top:.9rem;}

.recommendInner{ clear:both;content:"";display:inline-block;padding:20px;border:3px solid #282828}	
.rimg{margin:0 auto;width:90px;height:90px; margin-bottom:10px;overflow: hidden}
.rtxt{ font-size:16px; font-weight: bolder; padding:10px}

@media (max-width:768px){
.tableWrap table{ font-size:13px}
.tableWrap table tr th,.tableWrap table tr td{font-size:12px;line-height: 16px}
.smallTitle{font-size:24px}
ul.txtList li{padding-left:.5rem}
.txtList>li:before{top:.5rem}
ul.txtList.lg li{font-size:1.1rem}
.txtList.lg>li:before{position:absolute;top:.8rem;}
.recommendInner{ clear:both;content:"";display:inline-block;width:100%;padding:10px; }	
.rimg{float:left;width:60px;height:60px;margin-bottom:0px;margin-right:20px; }
.rtxt{ display: table-cell; vertical-align: middle; height:60px;font-size:14px}
ul.sumList li{ font-size:14px}
}	

.icon-round{margin:0 auto;width:100px;height:100px;overflow:hidden}
.textbox{margin-left:20px;margin-right:20px;letter-spacing:-1px}
.textbox p{font-size:1.2em}


.mainbtn{
width:250px;
-webkit-transition: width 0.5s; /* Safari */
-moz-transition: width 0.5s;
-0-transition: width 0.5s;
transition: width 0.5s;
border-radius:50px;
-moz-border-radius:50px;
-ms-border-radius:50px;
-o-border-radius:50px;
-webkit-border-radius:50px;
}
.mainbtn:hover{
width:300px;
}	
.vplus{float:right;width:30px; text-align:center}
.item-list{display:none}
.item-list{margin-left:0px;margin-right:0px}
ul li{ list-style:none}
.goods_round{
width: 100%;
padding:10px;
margin-bottom:20px;
overflow: hidden;
border:1px solid #ddd;
border-radius:12px;
}
.goods_img > img{width:100%;height:auto}
.goods_txt > h3{margin-top:15px;font-weight:900}
.goods_txt > h4{margin-top:12px;font-weight:300}
.goods_txt > h4:first-child{margin-top:15px}

.desktop_view{display:block}
.mobile_view{display:none}

@media only screen and (min-width:768px){	
.pc_view{display:block}
.mobile_view{display:none}
}
@media only screen and (max-width:768px){
p{font-size:1.1em}
.pc_view{display:none}
.mobile_view{display:block}
#application{ height:auto;background-color:#181818}
#app_wrap{width:100%;height:auto}
.item-list{margin-left:-8px;margin-right:-8px}
.icon-round{position:absolute;margin:10px;width:100px;height:100px}
.textbox{margin:20px 20px 10px 120px;text-align:left;letter-spacing:-1px;}
.icon-round img{width:300px;height:auto}
.tiny-icon-round{position: absolute;margin: 0;width: 80px;height: 80px;overflow: hidden;}
.tiny-icon-round img{
width: 80px;
height: auto;
}
.fee_choice h4{ font-size:15px}
}
.icon_plus{position:absolute;top:-36px;display:block;width:100%;text-align:center;z-index:10}
.icon_plus img{border-radius:50px}
.icon_plus_bottom{position:absolute;bottom:36px;display:block;width:100%;text-align:center;z-index:10}
@media only screen and (max-width:768px){
.icon_plus{top:-24px}
.icon_plus img{width:48px;height:auto}
}

footer{
background-color:#111;
color:#888;
padding:32px;
}
footer a{
color:#f5f5f5;
}
footer a:hover{
color:#777;
text-decoration:none;
}
.bottom-down{ position:relative;display:block;width:100%;top:0; text-align:center}	
.bottom-down a{ }	
.serif{font-family:serif}