@charset "utf-8";
/ body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
 margin: 0;
 padding: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
fieldset, img {
	border: 0;
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
	font-weight: normal;
}
ol, ul {
	list-style: none;
}
caption, th {
	text-align: left;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}
q:before, q:after {
	content: '';
}
abbr, acronym {
	border: 0;
	font-variant: normal;
}
sup {
	vertical-align: text-top;
}
sub {
	vertical-align: text-bottom;
}
input:focus, textarea:focus, select:focus {
	outline: none;
}
select, input {
	vertical-align: middle;
}
legend {
	color: #000;
}
.clean:before, .clean:after, .clearfix:before, .clearfix:after {
	content: "";
	display: table;
}
.clean:after, .clearfix:after {
	clear: both;
}
.clean, .clearfix {
	zoom: 1;
}
.clear {
	clear: both;
}
ul, ol, menu, input, button {
	margin: 0;
	padding: 0;
}
body .hide, body .none {
	display: none;
}
html {
	height: 100%;
	font-family: "文泉驛正黑", "WenQuanYi Zen Hei", "儷黑 Pro", "LiHei Pro", Meiryo, "微軟正黑體", "Microsoft JhengHei", sans-serif!important;
}
body, div, dl, dt, dd, ul, ol, li, h1, h3, h4, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td, hr {
	margin: 0;
	padding: 0
}
body {
	line-height:26px
	font-family: "文泉驛正黑", "WenQuanYi Zen Hei", "儷黑 Pro", "LiHei Pro", Meiryo, "微軟正黑體", "Microsoft JhengHei", sans-serif!important;
	font-size: 100%;
	color: #666666;
	position: relative;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #FFF;
	font-size: 14px;
	overflow: hidden;
	overflow-y: inherit;
}
img {
	vertical-align: text-top;
	border: 0px;
}
li {
	list-style: none
}
a:link, a:visited {
	text-decoration: none
}
#clear {
	clear: both
}





#mainbox{ width:100%}

.bg1{ background-image: url(../img/bg01.jpg); background-repeat:no-repeat; border:none; margin:0 auto; width:935px; height:1642px;}
.topbg{ background-image:url(../img/topbg.gif);height: 100%; width:100%; background-repeat:repeat-x;margin-bottom: 160px;}

.linkbox{margin: 0 0 25px 434px;padding-top: 560px;}
.iosbox{ width:168px; float:left; margin-right:43px; text-align:center;}
.adibox{ width:168px; float:left; margin-right:0; text-align:center;}
.box1{ margin:0 auto;margin-bottom:25px; text-align:center; border:none}
.box2{ margin:0 auto; text-align:center; border:none}
.bodybox{ background-image: url(../img/bodybox.jpg);height:2018px; width:992px; background-repeat: no-repeat; margin:0 auto; text-align:center;margin-bottom: 150px;}

.footerbox{    background-color: #b5b5b5;
    text-align: center;
    color: #FFF;
    font-size: 13px;
    width: 100%;
    /* height: 66px; */
    line-height: 26px;
    padding: 10px 0;}



.table_style{ width:350px;border:none; margin:0 auto; margin-bottom:25px; }





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

.linkbox{margin: 0 25px 25px 434px;padding-top: 520px;}

.box1{ margin:0 auto;margin-bottom:20px; text-align:center; border:none}



}





/* ---mobile--- */

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

.bg1 {
    background-image: url(../img/bg01.jpg);
    background-repeat: no-repeat;
    border: none;
    margin: 0 auto;
    width: auto;
    height: 1356px;
    background-size: 100%;
}
.topbg {
    background-image: none;
    height: auto;
    width: 100%;
    background-repeat: repeat-x;
    background-size: 100%;
    margin-bottom: 80px;
}

.linkbox {
    margin: 0 0 25px 45%;
    padding-top: 55%;
    /* background-size: 80%; */
}


 .bodybox {
    background-image: url(../img/bodybox.jpg);
    height: 1619px;
    width: 100%;
    background-repeat: no-repeat;
    margin: 0 auto;
    text-align: center;
    background-size: 100%;
    }


.table_style{ width:350px;border:none; margin:0 auto; margin-bottom:25px; }



}





/* ---mobile--- */

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

.table_style{ width:350px;border:none; margin:0 auto; margin-bottom:25px; }




.iosbox {
    width: 168px;
    float: left;
    margin-right: 0;
    text-align: center;
}

.bg1 {
    background-image: url(../img/bg01.jpg);
    background-repeat: no-repeat;
    border: none;
    margin: 0 auto;
    width: auto;
    background-size: 100%;
    height: 1150px;
}
.topbg {
    background-image: url(../img/topbg.gif);
    height: auto;
    width: 100%;
    background-repeat: repeat-x;
    background-size: 100%;
    margin-bottom: 50px;
}

.linkbox {
    margin: 0 0 25px 43%;
    padding-top: 57%;
    /* background-size: 80%; */
}


 .bodybox {
    background-image: url(../img/bodybox.jpg);
    height: 1400px;
    width: 100%;
    background-repeat: no-repeat;
    margin: 0 auto;
    text-align: center;
    background-size: 100%;
    }



.box1 img{width:90%; height:90%}




.box2 img{width:80%; height:80%}




.footerbox {
    background-color: #b5b5b5;
    text-align: center;
    color: #FFF;
    font-size: 13px;
    width: 100%;
    /* height: 66px; */
    line-height: 26px;
    padding: 10px 0;
    letter-spacing: -0.5px;
    /* padding-left: 7px; */
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}



}










 @media only screen and (max-width:414px) {
.table_style{ width:100%;border:none; margin:0 auto; margin-bottom:25px; }
.table_style img {
    width: auto;
    height: 44px;
}

.topbg {
    background-image: none;
    
}
.bg1 {
    background-image: url(../img/mbg01.jpg);
    background-repeat: no-repeat;
    border: none;
    margin: 0 auto;
    width: auto;
    height: auto;
    background-size: 100%;
    height: 726px;
    background-position: center top;
}

.bodybox {
    background-image: url(../img/mbodybox.jpg);
    height: 1000px;
    width: auto;
    background-repeat: no-repeat;
    margin: 0 auto;
    text-align: center;
    background-size: 100%;
}


.box1 img {
    width: 70%;
    height: 70%;
}

.box2 img {
    width: 70%;
    height: 70%;
}

.iosbox {
    width: 50%;
    float: left;
    margin-right: 0;
    text-align: center;
}






.adibox {
    width: 50%;
    float: left;
    margin-right: 0;
    text-align: center;
}



.linkbox {
    margin: 0 0 25px 40%;
    padding-top: 57%;
    /* background-size: 80%; */
}

.table_style {
    width:270px;
    border: none;
    margin: 0 auto;
    margin-bottom: 25px;
}


.fb {
    width: auto;
    height: 36px!important;
}



}





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

.bg1 {
    background-image: url(../img/mbg01.jpg);
    background-repeat: no-repeat;
    border: none;
    margin: 0 auto;
    width: auto;
    height: auto;
    background-size: 100%;
    height: 670px;
    background-position: center top;
}





.bodybox {
    background-image: url(../img/mbodybox.jpg);
    height: 885px;
    width: auto;
    background-repeat: no-repeat;
    margin: 0 auto;
    text-align: center;
    background-size: 100%;
}



.topbg {
    background-image: none;
    margin-bottom: 19px;
}
.table_style {
    width: 270px;
    border: none;
    margin: 0 auto;
    margin-bottom: 25px;
}


}






 @media only screen and (max-width:360px) {
	 
	 
.bg1 {
    background-image: url(../img/mbg01.jpg);
    background-repeat: no-repeat;
    border: none;
    margin: 0 auto;
    width: auto;
    height: auto;
    background-size: 100%;
    height: 636px;
    background-position: center top;
} 
	.bodybox {
    background-image: url(../img/mbodybox.jpg);
    height: 852px;
    width: auto;
    background-repeat: no-repeat;
    margin: 0 auto;
    text-align: center;
    background-size: 100%;
} 
	 
 }






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


.bodybox {
  
background-size: 100%;
  
min-width: 290px;
  
/* min-height: 700px; */
  
height: 767px;
  
background-image: url(../img/mbodybox.jpg);
}

.bg1 {
    background-image: url(../img/mbg01.jpg);
    background-repeat: no-repeat;
    border: none;
    margin: 0 auto;
    width: auto;
    height: auto;
    background-size: 100%;
    height: 570px;
    background-position: center top;
}


.topbg {
    background-image: none;
    height: auto;
    width: 100%;
    background-repeat: repeat-x;
    background-size: 100%;
    margin-bottom: 30px;
}


.table_style {
    width:250px;
    border: none;
    margin: 0 auto;
    margin-bottom: 25px;
}

.table_style img {
    width: auto;
    height: 38px;
}



}