/* basic */

/* basic */
*{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}

a, *:hover, *:active{-webkit-transition: background 300ms ease-in-out, height 300ms ease-in-out, color 300ms ease-in-out; -moz-transition: background 300ms ease-in-out, height 300ms ease-in-out, color 300ms ease-in-out; -ms-transition: background 300ms ease-in-out, height 300ms ease-in-out, color 300ms ease-in-out; -o-transition: background 300ms ease-in-out, height 300ms ease-in-out, color 300ms ease-in-out; transition: background 300ms ease-in-out, height 300ms ease-in-out, color 300ms ease-in-out; }

a,html,body{
    -webkit-overflow-scrolling : touch !important;
    margin:0;
    padding: 0;
}
body{margin:0; font-family:'Open Sans', sans-serif,"微軟正黑體"; font-size:12px; position: relative;}

.flex { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
.a_c01{display: block;}
.clear{clear: both;}



/*表格*/
.indexnewbox{width: 100%;position: relative;z-index: 9999;}
.inedexnew-table{width: 100%;padding: 10px;word-break: break-all;border-collapse: collapse;font-size: 25px;letter-spacing: 0.05em;font-weight: bolder;}
.inedexnew-table tr{width: 100%;border-bottom: 2px solid #d4d4d4;padding: 7px 10px;text-align: center;background-color: #ffffff;}
.inedexnew-table td{width: 100%;height: 45px;padding: 7px 10px;text-align: center;position: relative;}
.inedexnew__title{display: block;font-size: 18px;margin: 40px 0 30px 0;}
.inedexnew-table__title{font-size: 30px;padding: 5px 0 ;background-color: #fcffee;}
.inedexnew-table td a{width: 100%;height: 100%;position: absolute;display: block;right: 0;top: 0;}



.indexnew{width: 1200px;max-width: 100%;height: auto;margin: 20px auto;padding: 0 15px;position: relative;}
.indexnew-pic{width: calc(100%/3 - -40px);height: auto;position: relative;display:inline-block;text-align: center;}
.indexnew-pic img{width: 300px;height: 266px;}
.indexnew-pic h3{width: 100%;height: auto;position: absolute;text-align: center;font-size: 28px;word-break: break-all;margin: 5px 0;}
.indexnew-price{width: calc(100%/3 - -300px);display: inline-block;vertical-align: top;}
.indexnew-price h5{width: 100%;height: auto;text-align: center;font-size: 27px;margin: 20px 0 5px 0;}
.indexnew-price p{margin: 5px 0 4px 0;}
.indexnew-text{font-size: 12px;text-align: center;}

.indexnew-pricebox__capacity{width: 56px;height: 56px;background-color: #b1b1b1;border-radius:28px;line-height:56px ;font-size: 16px;text-align: center;color: #ffffff;display: inline-block;font-weight: bold;}
.indexnew-pricebox__price{display: inline-block;font-size:26px;font-weight: bold;margin: 0 5px;vertical-align: sub;}
.indexnew-pricebox{position: relative;}
.indexnew-pricebox::after{content:"";width: 100%;height: 2px;position:absolute;background-color: #888888;bottom: 0;margin: 0 0 -13px 0;right: 0;}
.indexnew-pricebox-pic img{width: 100%;height: auto;}
.indexnew-pricebox-pic{justify-content: center;}
.indexnewimg{display: inline-block;}
.indexnewimg img{width:400px;height: auto;}
.price-llittletext{text-align: center;font-size: 16px;color: #3f7db8;}
.indexnewimgbox{margin: 10px auto;text-align: center;}


.pricebox__list{width: calc(100%/4 - 10px);height:auto;text-align: center;font-size: 20px;/*border-bottom: 2px solid #535353;border-right: 2px solid #535353*/;font-weight: bolder;margin: 0 10px 8px 0;}
.pricebox__list img{width: 80px;height: 80px;margin: 8px 0 0 0;}
.pricebox--text{margin:5px 0 5px;font-size: 13px;color: #535353;font-weight: 600;}
.pricebox__list--border{border-bottom: 0px ;}
.pricebox__list--border02{border-right: 0px;position: relative;}
.pricebox__list--text{position: relative;}
.pricebox__list a{width: 100%;height: 100%;display: block;position:absolute;top: 0;right: 0;}
.pricebox--text01{position: absolute;writing-mode: tb-rl;
	-ms-writing-mode: tb-lr;
	-webkit-writing-mode: vertical-lr;
	-moz-writing-mode: vertical-lr;
	-ms-writing-mode: vertical-lr;
	writing-mode: vertical-lr;;writing-mode: vertical-rl; ;font-size: 13px;right:12px;}
.pricebox--text02{position: absolute;font-size: 13px;right: -38px;top: 66px;background-color: #ffffff;}
.pricebox--color{background-color: rgb(236, 245, 255);padding: 5px;border-radius: 6px;font-size: 16px;}
.indexnewimgbox--mewmove{width: auto;text-align: left;position: absolute;bottom: 5px;}
.indexnewimgbox--mewmove img{width: 218px;}
.indexnewimg--move{width: auto;}
.indexnewimgbox--mewmove01{width: auto;text-align: left;position: relative;margin: 22px 0;}
.indexnewimgbox--mewmove01 img{width: 218px;}
.indexnewimg--move01{width: auto;}
.mewmove01{bottom: 30px;}


/*indexpurchase*/
.indexpurchase{width:800px;max-width: 100%;height: auto;margin: 30px auto;padding: 0 15px;position: relative;}
.indexpurchase__title{width: 100%;height: auto;position: relative;font-size: 40px;text-align:center;margin: 0 0 15px 0;}
/*.indexpurchase__title--right{text-align: right;}*/
.indexpurchase__title::after{content: "";width: 100%;height: 3px;background-color: #535353;position: absolute;right: 0;bottom: -15px;}
.indexpurchase-text{font-size: 20px;margin: 30px 0 10px;text-align: center;}
.indexpurchase__title h3{margin:  0 50px;}
.indexpurchase__pic{width: 100%;height: auto;margin: auto;text-align: center;}
.indexpurchase__pic img{width: 100px;height: auto;}
.indexpurchase-context{width: 100%;height: auto;text-align: center;margin: auto;font-size: 22px;}
.indexpurchase-context p{margin: 10px 0;line-height: 1.6em;}
.indexpurchase__title02{font-size: 40px;text-align: center;margin:  15px auto;}


.indexpurchase-Click{width: 100%;height: auto;text-align: center;margin: auto;position: relative;justify-content:center}
.indexpurchase-Click__list{width: calc(100%/2 - 80px);border: 3px solid #535353;border-radius: 30px;padding: 20px;position: relative;}
.indexpurchase-Click__list::after{content: "";width: 30px;height: 35px;position: absolute;background-image: url(./phoneimages/icon17.png);background-size: 30px 35px;right: 25px;bottom: -15px;}
.indexpurchase-Click__list a{width: 100%;height: 100%;display: block;position:absolute;top: 0;right: 0;}
.indexpurchase-Click-text{font-size: 30px;font-weight: bolder;margin: 20px 0;}
.indexpurchase-Click--width01{width: 43% ;height: auto;}
.indexpurchase-Click--width02{width: 33% ;height: auto;}
.indexpurchase-Click--width{width: 50%;height: auto;}
.indexpurchase-Click__list--margin{margin: 0  50px 0 0;}
.indexpurchase-color{color: #24b5c9;}
.indexnew-pictextcontent{align-items:center;text-align: center;margin: 10px 0 0 0; -webkit-flex-direction: row-reverse;flex-direction: row-reverse;justify-content: center;}
.indexnew-pictext{width: 30%;height: auto;position: relative;}
.indexnew-pictext a{width: 100%;height: 100%;display: block;position:absolute;top: 0;right: 0;}
.indexnew-pictext p{width: 100%;height: auto;text-align: center;font-size: 15px;word-break: break-all;margin: 5px 0;}
.indexnew-text--c01{line-height: 1.5em;letter-spacing: 0.1em;font-size: 15px;margin: 18px 0 0 0!important;}
.indexnew-text--size{font-size: 18px;text-align: center;}
.indexnew-pic__img{position: absolute;}
.pricebox-conetent{margin: 0 2px;}
.pricebox__list--01{margin: 14px 0 0 0;position: relative;}
.indexnew-pricebox01{margin: auto;}

.indexnew-pricebox__price{position: relative;}
.indexnew-pricebox__price--text{display: block;font-size: 13px;position: absolute;left: 0;bottom: -15px;}

/*phonehome*/

.phonehome{width: 100px; height: 100px;display: block;position: fixed;right: 2%;bottom: 10%;z-index: 9999;}
.phonehome img{width: 100px;height: 100px;z-index: 9999;}

@media only screen and (max-width:1300px)
{
	.indexnew{width: 100%;height: auto;}
	
	.indexnew-pricebox__capacity{width: 56px;height: 56px;background-color: #b1b1b1;border-radius:28px;line-height:56px ;font-size: 15px;text-align: center;color: #ffffff;display: inline-block;font-weight: bold;}
    .indexnew-pricebox__price{margin: 0 10px;display: inline-block;font-size:24px;font-weight: bold;margin: 0 12px;vertical-align: sub;}
.indexnewimgbox--mewmove{bottom: -11px;}


}

@media only screen and (max-width:1100px)
{
	.indexnew{width: 100%;height: auto;}
	.indexnew-pricebox__price{margin: 0 10px;}
	.indexnew-pricebox__capacity{width: 56px;height: 56px;background-color: #b1b1b1;border-radius:28px;line-height:56px ;font-size: 16px;text-align: center;color: #ffffff;display: inline-block;font-weight: bold;}
.indexnew-pricebox__price{display: inline-block;font-size:24px;font-weight: bold;margin: 0 12px;vertical-align: sub;}
.indexnewimgbox--mewmove{width: 100%;text-align: center;position: relative;bottom:0;}
.indexnewimgbox--mewmove img{width: 300px;}
.indexnewimg--move{width: auto;}
.indexnew-pic{width: 100%;display: block;}
.indexnew-price{width: 100%;display: block;}
.indexnew-pic h3{display: block;position: relative;}
.indexnew-pricebox{justify-content:unset;}
.indexnew-pic img{width: 100%;height: auto;}
.indexnewimgbox--mewmove{bottom: -0;}

}

@media only screen and (max-width:1024px)
{
	
	.indexnew-pricebox__capacity{width: 56px;height: 56px;background-color: #b1b1b1;border-radius:28px;line-height:56px ;font-size: 18px;text-align: center;color: #ffffff;display: inline-block;font-weight: bold;}

}




@media only screen and (max-width:830px)
{
	.indexnewimg{width: 49%;}
	.indexnewimg img{width: 100%;height: auto;display: inline-block;}
	.indexnew-pictextcontent{justify-content: center;}
	.indexnew-pictext{width: 100%;margin: 26px 0 0 0;}
	
}

@media only screen and (max-width:700px)
{
	
	.indexnew-pricebox{justify-content:space-between;}
	.phonehome{width: 80px; height: 80px;display: block;position: fixed;right: 2%;bottom: 6%;}
.phonehome img{width: 80px;height: 80px;}


}


@media only screen and (max-width:651px)
{
	.pricebox__list{width: calc(100%/2 - 22px);margin:0 20px 5px 0;}
	.pricebox__list:nth-child(2n){border-right: 0px;}
	/*.pricebox__list--border{border-bottom:2px solid #535353 ;}
     .pricebox__list--border02{border-right: 2px solid #535353;}*/
	 .pricebox__list--border03{border-bottom:0px ;}
	 .indexpurchase__title h3{margin: 0 10px;}

	 .pricebox__list--01{margin: 15px 20px 20px 0!important;}
}

@media only screen and (max-width:570px)
{
	.indexpurchase-Click__list{width: 100%;margin: 30px;}
	.indexpurchase-Click__list--margin{margin: 30px;}
	.indexpurchase__title02{margin: 20px 0 15px 0;}
	.indexnew-pricebox01{width: 80%;}
}



@media only screen and (max-width:500px)
{
	
	.indexpurchase__title{justify-content:center;}
	.indexpurchase__title h3{text-align: center;}
	.indexnew-pricebox__capacity{font-size: 15px;}
	
}

@media only screen and (max-width:490px)
{
	
	
	.indexnew-pricebox{justify-content: flex-start;}
	
	.indexnew-pricebox01{width: 95%;}
}



@media only screen and (max-width:400px)
{
	.indexnewimg img{width: 100%;display: block;}
	.pricebox--text01{right:2px;}
	.indexnew-pricebox__price{font-size: 20px;}
	
}



@media only screen and (max-width:340px)
{

	.indexnew-pricebox__price{font-size: 18px}
}