NIKON Z SERIERS

@charset “utf-8”;
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}

#main_content {
position:relative;
margin:auto;
width: 100%;
background-color:#FFF;
text-align: center;
}

#col_content {
position:relative;
margin:auto;
max-width: 1200px;
text-align: center;
width: 100%;
}

#col_content .kv img{
position:relative;
margin:auto;
width: 100%;
max-width: 1200px;
text-align: center;
padding: 20px 0px;
}

#col_full_width {
position:relative;
margin:auto;
width: 100%;
background-color: #000;
text-align: center;
}

.bgBlack1{
background-color: #000;
background-image: url(‘../images/banner_2.png’);
background-repeat: no-repeat;
background-size: 993px 333px;
background-position: center;
height: 333px;
padding: 0px !Important;
vertical-align: middle;
}

.bgBlack1 .text {
padding-top: 125px;
}

.bgBlack2{
background-color: #000;
background-image: url(‘../images/banner_2.png’);
background-repeat: no-repeat;
background-size: 993px 333px;
background-position: center;
height: 333px;
padding: 0px !Important;
vertical-align: middle;
}

.bgBlack3 .text {
padding-top: 125px;
}

.bgBlack3{
background-color: #000;
background-image: url(‘../images/banner_2.png’);
background-repeat: no-repeat;
background-size: 993px 333px;
background-position: center;
height: 333px;
padding: 0px !Important;
vertical-align: middle;
}

.bgBlack2 .text {
padding-top: 125px;
}

#logo img{
width: 135px;
height: 135px;
margin-bottom: 30px;
}

#banner img{
max-width: 741px;
width: 100%;
}

#banner2 img{
max-width: 1018px;
width: 100%;
}

#ytvideo_main{
margin-bottom:40px;
}

#ytvideo {
position: relative;
width: 100%;
padding-bottom: 56.25%;
height: 0;
overflow: hidden
}

#ytvideo iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.bg_grey1{
background-color:#f7f7f7;
}

.bg_grey2{
background-color:#f0f0f0;
}

.bg_grey3{
background-color:#f4f5f7;
}

.bg_yellow{
background-color:#ffd800;
}

.col_3{
display:inline-block;
}

.col_3 .col{
width: 33.3%;
display:inline-block;
float: left;
padding: 0px 0px;
}

.col_3 .col .col_img{
padding:0px 0px;
}

.col_3 .contentBlock{
display:inline;
line-height:25px;
text-align:justify;
vertical-align: top;
line-height: 32px;
}

.verticalTop{
vertical-align: top;
}

.col_4{
display:inline-block;
}

.col_4 .col{
width: 24.5%;
display:inline-block;
float: left;
padding: 0px 0px;
margin-bottom: 5px;
}

.alignRight{
text-align:right !important;
}

.alignLeft{
text-align:left !important;
}

.singleTxtAlign{
text-align:left !important;
}

.content_txt{
font-family: “微軟正黑體”, sans-serif;
font-size: 16px;
font-weight: normal;
color: #333333;
line-height: 32px;
}

.content_txt36{
font-family: “微軟正黑體”, sans-serif;
font-size: 36px;
font-weight: bold;
color: #808080;
}

.content_txt18{
font-family: “微軟正黑體”, sans-serif;
font-size: 18px;
color: #333;
}

.content_txt18_bold{
font-family: “微軟正黑體”, sans-serif;
font-size: 18px;
font-weight: bold;
color: #333;
}

.content_txt18_bold{
font-family: “微軟正黑體”, sans-serif;
font-size: 18px;
color: #333;
}

.colorBlack{
color: #000;
}

.colorWhite{
color: #FFF !important;
}

.content_txt48{
font-family: “微軟正黑體”, sans-serif;
font-size: 48px;
font-weight: bold;
color: #333333;
padding: 78px 0px 30px 0px;
}

.content_txtOnly{
padding: 45px 20px;
}

.notopmargin{
margin-top:0px;
}

.marginbottom40{
margin-bottom: 40px !important;
}

.marginbottom20{
margin-bottom: 20px 1important;
}

.marginBlack{
margin-left: 20px!important;
margin-right: 20px !important;
margin-top: 0px !important;
margin-bottom: 0px !important;
}

.section_margin_top_bottom{
margin: 50px auto !important;
}

.text-justify{
text-align: justify;
}

@media only screen and (min-width: 801px) and (max-width: 1000px) {
.col_4 .col{
width: 21.2% !important;
}

}

@media only screen and (min-width: 641px) and (max-width: 1023px) {
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}

.col_3 .col{
width: 49% !important;
margin-left:5px !important;
}

.col_4 .col{
width: 49% !important;
margin-left:5px !important;
}

.singleTxtAlign{
text-align:justify !important;
}

.mobilePadding{
padding-left: 20px;
padding-right: 20px;
}
}

@media only screen and (max-width: 640px) {
.content_txt{
font-family: “微軟正黑體”, sans-serif;
font-size: 14px;
}

.content_txt48{
font-family: “微軟正黑體”, sans-serif;
font-size: 42px;
}

body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}

#col_content {
position:relative;
margin:auto;
text-align: center;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding: 10px;
width: auto;
}

.content_txtOnly{
padding: 35px 20px;
}

.col_3 .col{
width: 100% !important;
margin-left:0px !important;
margin-bottom: 5px !important;
}

.col_4 .col{
width: 100% !important;
margin-left:0px !important;
height: auto !important;
box-sizing: border-box;
}

.content_txt36{
font-size: 26px;
}

#col_content .kv img{
padding: 0px 0px;
}

.bgBlack1{
background-color: #000;
background-image: url(‘../images/banner_2.png’);
background-repeat: no-repeat;
background-size: 993px 333px;
background-position: center;
height: 333px;
padding: 0px !Important;
vertical-align: middle;
}

.bgBlack2{
background-color: #000;
background-image: url(‘../images/banner_2.png’);
background-repeat: no-repeat;
background-size: 993px 333px;
background-position: center;
height: 333px;
padding: 0px !Important;
vertical-align: middle;
}

.bgBlack3{
background-color: #000;
background-image: url(‘../images/banner_2.png’);
background-repeat: no-repeat;
background-size: 993px 333px;
background-position: center;
height: 333px;
padding: 0px !Important;
vertical-align: middle;
}

.table2Height{
height: 90px;
}

.marginbottom40{
margin-bottom: 20px !important;
}

.marginBlack{
margin-left: 20px!important;
margin-right: 20px !important;
margin-top: 0px !important;
margin-bottom: 0px !important;
}

.bgBlack1{
background-color: #000;
background-image: url(‘../images/banner_2.png’);
background-repeat: no-repeat;
background-size: auto 250px;
background-position: center;
height: 250px;
padding: 0px !Important;
vertical-align: middle;
}

.bgBlack2{
background-color: #000;
background-image: url(‘../images/banner_2.png’);
background-repeat: no-repeat;
background-size: auto 250px;
background-position: center;
height: 250px;
padding: 0px !Important;
vertical-align: middle;
}

.bgBlack3{
background-color: #000;
background-image: url(‘../images/banner_2.png’);
background-repeat: no-repeat;
background-size: auto 250px;
background-position: center;
height: 250px;
padding: 0px !Important;
vertical-align: middle;
}

.bgBlack1 .text {
padding-top: 93px;
}

.bgBlack2 .text {
padding-top: 93px;
}

.bgBlack3 .text {
padding-top: 93px;
}

.singleTxtAlign{
text-align:justify !important;
}

.mobileAutoHeight{
height: auto !important;
}

#ytvideo_main{
margin-bottom: 0px !Important;
}

.mobilePadding{
padding-left: 10px;
padding-right: 10px;
}
}