@charset "utf-8";
@font-face{font-family:"Raleway";src:url(fonts/Raleway-Regular.ttf);}
/* CSS Document */
html,body{width:100%;margin:0;padding:0;font-family:"Raleway","微軟正黑體";overflow-y:scroll;overflow-x:hidden;}
a{text-decoration:none;font-family:"Raleway","微軟正黑體";overflow-y:hidden;}
p{}
input{}
body::-webkit-scrollbar{width:6PX;background-color:#000;}
body::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);}
body::-webkit-scrollbar-thumb{background-color:#034877;border-radius:20px;}
/***snow***/
body{background-image: url('http://assets.codepen.io/images/classy_fabric.png');}
#snow{display:none;}
/*#snow {
    background-color: transparent;
    background-image: url(http://wp.agens.no/smakebit/wp-content/themes/smakebiten/img/snow1.png), url(http://wp.agens.no/smakebit/wp-content/themes/smakebiten/img/snow2.png);
    -webkit-animation: snow 20s linear infinite;
    -moz-animation: snow 20s linear infinite;
    -ms-animation: snow 20s linear infinite;
    animation: snow 20s linear infinite;
	z-index: 999;
	right: 0;
    top: 0;
    left: 0;
    bottom: 0;
	margin-top: 0;
	pointer-events: none;
	position: absolute;
}*/
/***snow end***/
/*Keyframes*/
@keyframes snow { 
    0% {background-position:0px 0px, 0px 0px, 0px 0px;}
    100% {background-position:500px 1000px, 400px 400px, 300px 300px;}
}
@-moz-keyframes snow { 
    0% {background-position:0px 0px, 0px 0px, 0px 0px;}
    100% {background-position:500px 1000px, 400px 400px, 300px 300px;}
}
@-webkit-keyframes snow { 
    0% { background-position:0px 0px, 0px 0px, 0px 0px;}
    100% {background-position:500px 1000px, 400px 400px, 300px 300px;}
}
@-ms-keyframes snow { 
    0% {background-position:0px 0px, 0px 0px, 0px 0px;}
    100% {background-position:500px 1000px, 400px 400px, 300px 300px;}
}
/*---header----*/
.header_bg{background-size:20px 20px;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;border:none;font:normal 100%/normal Arial, Helvetica, sans-serif;color:rgb(255, 255, 255);-o-text-overflow:clip;text-overflow:clip;background:-webkit-linear-gradient(63deg, rgb(21,21,21) 5px, rgba(0,0,0,0) 5px), -webkit-linear-gradient(-117deg, rgb(21,21,21) 5px, rgba(0,0,0,0) 5px), -webkit-linear-gradient(63deg, rgb(34,34,34) 5px, rgba(0,0,0,0) 5px), -webkit-linear-gradient(-117deg, rgb(34,34,34) 5px, rgba(0,0,0,0) 5px), -webkit-linear-gradient(0deg, rgb(27,27,27) 10px, rgba(0,0,0,0) 10px), -webkit-linear-gradient(-90deg, rgb(29,29,29) 25%, rgb(26,26,26) 25%, rgb(26,26,26) 50%, rgba(0,0,0,0) 50%, rgba(0,0,0,0) 75%, rgb(36,36,36) 75%, rgb(36,36,36) 100%), rgb(19, 19, 19);background: -moz-linear-gradient(27deg, rgb(21,21,21) 5px, rgba(0,0,0,0) 5px), -moz-linear-gradient(207deg, rgb(21,21,21) 5px, rgba(0,0,0,0) 5px), -moz-linear-gradient(27deg, rgb(34,34,34) 5px, rgba(0,0,0,0) 5px), -moz-linear-gradient(207deg, rgb(34,34,34) 5px, rgba(0,0,0,0) 5px), -moz-linear-gradient(90deg, rgb(27,27,27) 10px, rgba(0,0,0,0) 10px), -moz-linear-gradient(180deg, rgb(29,29,29) 25%, rgb(26,26,26) 25%, rgb(26,26,26) 50%, rgba(0,0,0,0) 50%, rgba(0,0,0,0) 75%, rgb(36,36,36) 75%, rgb(36,36,36) 100%), rgb(19, 19, 19);background: linear-gradient(27deg, rgb(21,21,21) 5px, rgba(0,0,0,0) 5px), linear-gradient(207deg, rgb(21,21,21) 5px, rgba(0,0,0,0) 5px), linear-gradient(27deg, rgb(34,34,34) 5px, rgba(0,0,0,0) 5px), linear-gradient(207deg, rgb(34,34,34) 5px, rgba(0,0,0,0) 5px), linear-gradient(90deg, rgb(27,27,27) 10px, rgba(0,0,0,0) 10px), linear-gradient(180deg, rgb(29,29,29) 25%, rgb(26,26,26) 25%, rgb(26,26,26) 50%, rgba(0,0,0,0) 50%, rgba(0,0,0,0) 75%, rgb(36,36,36) 75%, rgb(36,36,36) 100%), rgb(19, 19, 19);background-position: 0 2.5px, 5px 0, 0 5px, 5px 2.5px, 0 0, 0 0;-webkit-background-origin:padding-box;background-origin:padding-box;-webkit-background-clip:border-box;background-clip:border-box;-webkit-background-size:10px 10px;background-size:10px 10px;border-bottom:3px solid #000;}
.header_table{width:100%;max-width:1600px;margin:0 auto;}
.header_middle{font-size:1.4em;vertical-align:middle;}
.header_middle a{color:#fff;}
.header_logo{vertical-align:middle;width:100%;max-width:300px;}
.web_menu{text-align:center;letter-spacing:1px;vertical-align:middle;margin:0 auto;}
.web_menu a{color:#fff;font-weight:bold;}
.web_menu a:hover{color:#09F;}
.web_menu_right{text-align:right;}
.menu_select{border-bottom:2px solid #EBB506;}
.web_menu span{padding:5px 0px;text-align:center;margin:0 5px;font-family:"raleway";}
.name_check{padding:10px 14px;text-align:center;background-color:#444;border:2px solid #000;color:#fff;border-radius:5px;}
.web_menu_sns img{}
.RWD_img{width:150px;margin-left:20px;margin-top:17px;}
.RWD_imgB{width:150px;margin-left:20px;margin-top:6px;}
.fa{color:#eee;}
.fa-facebook-square:hover{color:#0087E2;}
.fa-instagram:hover{color:#DD5900;}
.fa-flickr:hover{color:#E52184;}
.fa-youtube-square:hover{color:#E62829;}
.home_brand{width:23%;float:left;margin:0% 1% 0% 1%;padding:3% 0;-webkit-transform:scale(1);-webkit-transition:1s;}
.home_brand:hover img{-webkit-transform:scale(1.08);}
.logo_ch{line-height:26px;font-size:1.2em;}
.logo_en{font-size:.55em;}
.header_bg{display:block;}

.mobile_header{display:none;height:68px;padding-top:3.7%;}
.mobile_header_div{margin-left:10px;padding-top:5px;}
.mobile_header_div img{max-width:230px;}
.dropbtn{background-color:#111;color:white;padding:16px;font-size:1.15em;border:none;cursor:pointer;}
.dropbtn:hover, .dropbtn:focus{background-color:#034877;}
.dropdown{float:right;position:relative;display:inline-block;margin-right:15px;float:right;}
.dropdown-content{display:none;position:absolute;background-color:#ccc;min-width:220px;overflow:auto;box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2);right:0;border-radius:5px 0 5px 5px;letter-spacing:1px;font-size:1.05em;z-index:99999999;margin-top:-8px;}
.dropdown-content a{color:black;padding:12px 16px;text-decoration:none;display:block;text-align:center;background-color:#ccc;}
.dropdown-table a{color:black;padding:12px 5px;text-decoration:none;display:block;text-align:center;background-color:#ccc;}
.dropdown a:hover{background-color:#f1f1f1;}
.show{display:block;}
.home_slider{background-color:#bbb;border-radius:5px;margin:20px 0;}
/*---about---*/
.about_box{width:100%;max-width:1600px;margin:0px auto 10px auto;}
.about_img{width:36%;}
.about_right{width:64%;}
/*---knowledge---*/
#outbox{width:61%;margin:10px auto;text-align:center;}
.content_box{width:24%;float:left;margin:auto 10px auto 0px;margin-bottom:35px;color:#000;background-color:#fff;height:235px;}
.content_box button{background-color:#fff;border:0;margin:5px;}
.content_box img{border-radius:10px;-webkit-filter:grayscale(.2);}
.content_box span{font-size:1.3em;line-height:26px;height:60px;}
.know-box{perspective:1300px;height:850px;}
.know-iframe{width:100%;min-height:700px;}
.know-title{background-color:#034877;color:#fff;width:330px;font-size:1.2em;padding:12px 20px;line-height:24px;text-align:center;border-radius:10px 10px 0 0;margin-bottom:-3px;}
.know-iframe-ct{width:60%;font-size:1.4em;margin:0 auto;}
.knowlink{color:#900;}
.know1{color:#609;}
.know2{color:#003366;}
.know3{text-decoration:underline;}
.knownum{font-size:1.3em;}
.knowcenter{text-align:center;}
.know-iframe-ct img{width:auto;}
.click_gif0{}
/*.click_gif0{background-image:url(images/click.gif); background-repeat:no-repeat; background-position:0% 100%;}*/
.click_gif1{background-image:url(images/click.gif);background-repeat:no-repeat;background-position:30% bottom;}
.click_gif2{background-image:url(images/click.gif);background-repeat:no-repeat;background-position:20% bottom;}
.click_gif3{background-image:url(images/click.gif);background-repeat:no-repeat;background-position:10% bottom;}
.click_gif4{background-image:url(images/click.gif);background-repeat:no-repeat;background-position:left bottom;}
.click_gif5{background-image:url(images/click.gif);background-repeat:no-repeat;background-position:29% 77%;}
.click_gif6{background-image:url(images/click.gif);background-repeat:no-repeat;background-position:10% 77%;}
.click_gif7{background-image:url(images/click.gif);background-repeat:no-repeat;background-position:18% 77%;}
.click_gif9{background-image:url(images/click.gif);background-repeat:no-repeat;background-position:0% 75%;}

.mobile_hovername{display:none;}
.index_adviframe{width:1920px;height:700px;}
/*--依裝置寬度--*/
@media screen and (max-device-width:1700px){
.web_menu span{padding:5px 0px;text-align:center;margin:0 8px;}
.about_box{width:100%;max-width:1600px;margin:0px auto 10px auto;}
#outbox{width:70%;margin:10px auto;text-align:center;}
.content_box{width:23.5%;float:left;margin:auto 10px auto 0px;margin-bottom:35px;color:#000;background-color:#fff;height:235px;}
}
@media screen and (max-device-width:1366px){
.mobile_hovername{display:block;text-align:center;color:#888;z-index:999999;font-size:1.3em;padding-top:5px;letter-spacing:1px;min-height:90px;}
.mobile_hovername i{color:#888 !important;}
.about_box{width:100%;max-width:1200px;margin:0px auto 10px auto;}
}
@media screen and (max-device-width:1366px){
.product-item{margin-bottom:0 !important;}
}
@media screen and (max-device-width:1300px){
.web_menu span{padding:10px 10px;text-align:center;margin:0 5px;}
.about_box{width:80%;margin:50px auto 10px auto;}
#outbox{width:80%;margin:10px auto;text-align:center;}
.content_box{width:31.5%;float:left;margin:auto 10px auto 0px;margin-bottom:35px;color:#000;background-color:#fff;height:255px;}
}
@media screen and (max-device-width:1024px){
.logo_ch{line-height:26px;font-size:.9em;}
.web_menu span{padding:10px 7px;text-align:center;margin:0;}
.header_sns{font-size:1.8em !important;}
.logo_en{font-size:.4em;}
.header_bg{display:block;}
.mobile_header{display:none !important;}
.about_box{width:95%;margin:50px auto 10px auto;}
#outbox{width:80%;margin:10px auto;text-align:center;}
.content_box{width:31.5%;float:left;margin:auto 10px auto 0px;margin-bottom:5px;color:#000;background-color:#fff;height:255px;}
.know-box{perspective:1300px;height:850px;}
.know-iframe{width:100%;min-height:500px;}
.know-iframe-ct{max-width:85%;margin:0 auto;}
.click_gif0 ,.click_gif1 ,.click_gif2 ,.click_gif3 ,.click_gif4 ,.click_gif5 ,.click_gif6 ,.click_gif7{background-repeat:no-repeat;background-size:83px;}
}
@media screen and (max-device-width:1000px){
.header_bg{display:none;}
.mobile_header{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;border:none;font:normal 100%/normal Arial, Helvetica, sans-serif;color:rgb(255, 255, 255);-o-text-overflow:clip;text-overflow:clip;background:-webkit-linear-gradient(63deg, rgb(21,21,21) 5px, rgba(0,0,0,0) 5px), -webkit-linear-gradient(-117deg, rgb(21,21,21) 5px, rgba(0,0,0,0) 5px), -webkit-linear-gradient(63deg, rgb(34,34,34) 5px, rgba(0,0,0,0) 5px), -webkit-linear-gradient(-117deg, rgb(34,34,34) 5px, rgba(0,0,0,0) 5px), -webkit-linear-gradient(0deg, rgb(27,27,27) 10px, rgba(0,0,0,0) 10px), -webkit-linear-gradient(-90deg, rgb(29,29,29) 25%, rgb(26,26,26) 25%, rgb(26,26,26) 50%, rgba(0,0,0,0) 50%, rgba(0,0,0,0) 75%, rgb(36,36,36) 75%, rgb(36,36,36) 100%), rgb(19, 19, 19);background:-moz-linear-gradient(27deg, rgb(21,21,21) 5px, rgba(0,0,0,0) 5px), -moz-linear-gradient(207deg, rgb(21,21,21) 5px, rgba(0,0,0,0) 5px), -moz-linear-gradient(27deg, rgb(34,34,34) 5px, rgba(0,0,0,0) 5px), -moz-linear-gradient(207deg, rgb(34,34,34) 5px, rgba(0,0,0,0) 5px), -moz-linear-gradient(90deg, rgb(27,27,27) 10px, rgba(0,0,0,0) 10px), -moz-linear-gradient(180deg, rgb(29,29,29) 25%, rgb(26,26,26) 25%, rgb(26,26,26) 50%, rgba(0,0,0,0) 50%, rgba(0,0,0,0) 75%, rgb(36,36,36) 75%, rgb(36,36,36) 100%), rgb(19, 19, 19);background:linear-gradient(27deg, rgb(21,21,21) 5px, rgba(0,0,0,0) 5px), linear-gradient(207deg, rgb(21,21,21) 5px, rgba(0,0,0,0) 5px), linear-gradient(27deg, rgb(34,34,34) 5px, rgba(0,0,0,0) 5px), linear-gradient(207deg, rgb(34,34,34) 5px, rgba(0,0,0,0) 5px), linear-gradient(90deg, rgb(27,27,27) 10px, rgba(0,0,0,0) 10px), linear-gradient(180deg, rgb(29,29,29) 25%, rgb(26,26,26) 25%, rgb(26,26,26) 50%, rgba(0,0,0,0) 50%, rgba(0,0,0,0) 75%, rgb(36,36,36) 75%, rgb(36,36,36) 100%), rgb(19, 19, 19);background-position:0 2.5px, 5px 0, 0 5px, 5px 2.5px, 0 0, 0 0;-webkit-background-origin:padding-box;background-origin:padding-box;-webkit-background-clip:border-box;background-clip:border-box;-webkit-background-size:10px 10px;background-size:10px 10px;border-bottom:3px solid #000;/*background-size:20px 20px;*/display:block !important;}
.click_gif0 ,.click_gif1 ,.click_gif2 ,.click_gif3 ,.click_gif4 ,.click_gif5 ,.click_gif6 ,.click_gif7{background-repeat:no-repeat;background-size:80px;}
}	
@media screen and (max-device-width:965px){
.logo_ch{line-height:26px;font-size:.9em;}
.web_menu span{padding:10px 7px;text-align:center;margin:0;}
.header_sns{font-size:1.8em !important;}
.logo_en{font-size:.4em;}
#outbox{width:80%;margin:10px auto;text-align:center;}
.content_box{width:32%;float:left;margin: auto 5px auto 0px;margin-bottom:0px;color:#000;background-color:#fff;height:240px;}
.know-box{perspective:1300px;height:850px;}
.know-iframe{width:100%;min-height:250px;}
.know-iframe-ct{max-width:95%;margin:0 auto;}
.know-iframe-ct img{width:100%;}
}
@media screen and (max-device-width:600px){
.mobile_hovername{display:block;text-align:center;color:#888;z-index:999999;font-size:.9em;padding-top:5px;min-height:80px;}
.mobile_hovername i{color:#888 !important;}
.home_brand_table{border-top:8px solid #034877;margin-top:-1px;}
.home_brand_box{-moz-column-count:2;-moz-column-gap:16px;-webkit-column-count:2;-webkit-column-gap:16px;column-count:2;column-gap:16px;padding:16px;background-color:#fff;}
.home_brand{width:100%;background-color:#fff;border-bottom:none;border:3px solid #fff;padding:0;margin:0;}
.home_brand_mob{width:100%;display:inline-block;overflow:hidden;border-radius:6px 6px 10px 10px;}
.home_slider{background-color:#bbb;border-radius:5px;margin:20px 0;width:60px !important;}
	
.about_box{width:90%;margin:15px auto 0px auto;}
.about_img{display:none;}
.about_right{width:100%;}
.info_logo img{width:auto !important;height:50px !important;margin-top:20px;}
.view-detailA{min-height:100px;min-width:100px;font-size:1em !important;}
.view-detailB{display:none !important;}
.view-detailC{display:none !important;}
.know-iframe-ct{width:85%;font-size:1.4em;margin:0 auto;}
.click_gif0 ,.click_gif1 ,.click_gif2 ,.click_gif3 ,.click_gif4 ,.click_gif5 ,.click_gif6 ,.click_gif7{background-repeat:no-repeat;background-size:70px;}
}
@media screen and (max-device-width:560px){
#outbox{width:80%;margin:10px auto;text-align:center;}
.content_box{width:98%;float:left;margin:auto 5px auto 0px;margin-bottom:0px;color:#000;background-color:#fff;height:280px;}
}
@media screen and (max-device-width:500px){
.click_gif0 ,.click_gif1 ,.click_gif2 ,.click_gif3 ,.click_gif4 ,.click_gif5 ,.click_gif6 ,.click_gif7{background-repeat:no-repeat;background-size:60px;}
}
@media screen and (max-device-width:450px){
.click_gif0 ,.click_gif1 ,.click_gif2 ,.click_gif3 ,.click_gif4 ,.click_gif5 ,.click_gif6 ,.click_gif7{background-repeat:no-repeat;background-size:50px;}
}
@media screen and (max-device-width:360px){
.click_gif0 ,.click_gif1 ,.click_gif2 ,.click_gif3 ,.click_gif4 ,.click_gif5 ,.click_gif6 ,.click_gif7{background-repeat:no-repeat;background-size:45px;}
}
@media screen and (max-device-width:330px){
.click_gif0 ,.click_gif1 ,.click_gif2 ,.click_gif3 ,.click_gif4 ,.click_gif5 ,.click_gif6 ,.click_gif7{background-repeat:no-repeat;background-size:40px;}
}
/*-------------product brand tab------------*/
#top_menu{width:100%;background-color:#034877;height:70px;padding:5px 0;margin-bottom:10px;}
#para_box{max-width:1200px;margin:0 auto;}
.parallelogram{width:25%;max-width:300px;height:60px;background-repeat:no-repeat;background-position:center;float:left;}
.parallelogram2{width:25%;max-width:300px;height:60px;background:#034877;background-repeat:no-repeat;background-position:center;float:left;}
.parallelogram2:hover{width:25%;max-width:300px;height:60px;background:#034877;background-repeat:no-repeat;background-position:center;float:left;}

.para1_select{background-image:url(images/M2R_logo.png);width:25%;background-size:60%;}
.para2_select{background-image:url(images/OGK_logo.png);width:25%;background-size:60%;}
.para3_select{background-image:url(images/LAZER_logo.png);width:25%;background-size:60%;}
.para4_select{background-image:url(images/OWN_logo.png);width:25%;background-size:60%;}

.para1{background-image:url(images/M2R_logo_o.png);width:25%;background-size:90%;}
.para2{background-image:url(images/OGK_logo_o.png);width:25%;background-size:90%;}
.para3{background-image:url(images/LAZER_logo_o.png);width:25%;background-size:90%;}
.para4{background-image:url(images/TEAN_logo_o.png);width:25%;background-size:90%;}

.para1.parallelogram2:hover{background-image:url(images/M2R_logo_hover.png);background-size:90%;}
.para2.parallelogram2:hover{background-image:url(images/OGK_logo_hover.png);background-size:90%;}
.para3.parallelogram2:hover{background-image:url(images/LAZER_logo_hover.png);background-size:90%;}
.para4.parallelogram2:hover{background-image:url(images/TEAN_logo_hover.png);background-size:90%;}

@media screen and (max-device-width:600px){
.para1_select{background-image:url(images/M2R_logo.png);width:25%;background-size:100%;}
.para2_select{background-image:url(images/OGK_logo.png);width:25%;background-size:100%;}
.para3_select{background-image:url(images/LAZER_logo.png);width:25%;background-size:100%;}
.para4_select{background-image:url(images/OWN_logo.png);width:25%;background-size:100%;}

.para1{background-image:url(images/mob_M2R_logo_o.png);width:25%;background-size:100%;}
.para2{background-image:url(images/mob_OGK_logo_o.png);width:25%;background-size:100%;}
.para3{background-image:url(images/mob_LAZER_logo_o.png);width:25%;background-size:100%;}
.para4{background-image:url(images/mob_TEAN_logo_o.png);width:25%;background-size:100%;}

.para1.parallelogram2:hover{background-image:url(images/mob_M2R_logo_o.png);background-size:100%;}
.para2.parallelogram2:hover{background-image:url(images/mob_OGK_logo_o.png);background-size:100%;}
.para3.parallelogram2:hover{background-image:url(images/mob_LAZER_logo_o.png);background-size:100%;}
.para4.parallelogram2:hover{background-image:url(images/mob_TEAN_logo_o.png);background-size:100%;}
}
	
@media screen and (max-device-width:450px){
.para1_select{background-image:url(images/M2R_logo.png);width:31%;background-size:100%;}
.para2_select{background-image:url(images/OGK_logo.png);width:31%;background-size:100%;}
.para3_select{background-image:url(images/LAZER_logo.png);width:31%;background-size:100%;}
.para4_select{background-image:url(images/OWN_logo.png);width:31%;background-size:100%;}
	
.para1{background-image:url(images/mob_M2R_logo_o2.png);width:23%;background-size:100%;}
.para2{background-image:url(images/mob_OGK_logo_o2.png);width:23%;background-size:100%;}
.para3{background-image:url(images/mob_LAZER_logo_o2.png);width:23%;background-size:100%;}
.para4{background-image:url(images/mob_TEAN_logo_o2.png);width:23%;background-size:100%;}

.para1.parallelogram2:hover{background-image:url(images/mob_M2R_logo_o2.png);width:37%;background-size:100%;}
.para2.parallelogram2:hover{background-image:url(images/mob_OGK_logo_o2.png);width:21%;background-size:100%;}
.para3.parallelogram2:hover{background-image:url(images/mob_LAZER_logo_o2.png);width:21%;background-size:100%;}
.para4.parallelogram2:hover{background-image:url(images/mob_TEAN_logo_o2.png);width:21%;background-size:100%;}
}	
/*--------portfolio tab--------*/
.grid{margin:0 auto;list-style:none;text-align:center;}
.grid li{margin:0;text-align:left;position:relative;}
.grid figure{margin:0;position:relative;}
.grid figure img{max-width:100%;display:block;position:relative;}
.grid figcaption{position:absolute;top:0;left:0;padding:5px 16px;background-color:rgba(0,0,0,0.5);color:#aaa;}
.grid figcaption h3{margin:0;color:#fff;text-align:left;font-size:1.1em;line-height:32px;margin-top:0px;}
.grid figcaption span{font-size:.95em;line-height:22px;letter-spacing:1px;}
.grid figcaption span:before{/*-content: 'by ';-*/}
.grid figcaption a{text-align:center;padding:12px 10px;border-radius:2px;display:inline-block;background:#ed4e6e;color:#fff;margin-bottom:-10px;}
.grid figcaption_mob{display:none;}
.profile_txt{max-width:1170px;margin:0 auto;font-family:微軟正黑體;text-align:justify;font-size:1.2em;line-height:30px;letter-spacing:.05em;color:#111;font-weight:500; margin-bottom:20px;}
.profile_bottom{max-width:1170px;margin:0 auto;}
.ESTABLISH{width:24%;margin:4.5%;float:left; border-bottom:10px solid #FBCF61;}
.EMPLOYEES{width:24%;margin:4.5%;float:left;border-bottom:10px solid #FF6F6F;}
.CAPACITY{width:24%;margin:4.5%;float:left;border-bottom:10px solid #A8D164;}
.p_box{background-color:#333;color:#fff;float:left;text-align:center;width:100%;height:15vw;}
.p_box img{width:80px;text-align:center;padding:35px 0 15px 0;}
.p_box div{font-size:1.6em;font-weight:bold;line-height:45px;}
.B_font{font-size:2.5em !important;letter-spacing:1px;}
.C_font{font-size:1em !important;color:#aaa;font-weight:100 !important;letter-spacing:1px;}
.profile_title{text-align:center;line-height:60px;font-size:1.8em;font-weight:bold;font-family:微軟正黑體;color:#222;padding:1% 25px;border-radius:10px;letter-spacing:3px;font-style:italic;}
/*--------portfolio content--------*/
/* Style 3 */
.cs-style-3 figure{overflow:hidden;}
.cs-style-3 figure img{-webkit-transition:-webkit-transform 0.4s;-moz-transition:-moz-transform 0.4s;transition:transform 0.4s;}
.no-touch .cs-style-3 figure:hover img,
.cs-style-3 figure.cs-hover img{-webkit-transform:scale(1.3) translateY(-30px);}
.cs-style-3 figcaption{min-height:20%;width:100%;top:auto;bottom:0;opacity:0;-webkit-transform:translateY(100%);-moz-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%);-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:-webkit-transform 0.4s, opacity 0.1s 0.3s;-moz-transition:-moz-transform 0.4s, opacity 0.1s 0.3s;transition:transform 0.4s, opacity 0.1s 0.3s;}
.no-touch .cs-style-3 figure:hover figcaption,.cs-style-3 figure.cs-hover figcaption{opacity:1;-webkit-transform:translateY(0px);-moz-transform:ranslateY(0px);-ms-transform: translateY(0px);transform:translateY(0px);-webkit-transition:-webkit-transform 0.4s, opacity 0.1s;-moz-transition:-moz-transform 0.4s, opacity 0.1s;transition:transform 0.4s, opacity 0.1s;}
.cs-style-3 figure:hover figcaption{opacity:1;-webkit-transform:translateY(0px);-moz-transform:ranslateY(0px);-ms-transform: translateY(0px);transform:translateY(0px);-webkit-transition:-webkit-transform 0.4s, opacity 0.1s;-moz-transition:-moz-transform 0.4s, opacity 0.1s;transition:transform 0.4s, opacity 0.1s;}
.cs-style-3 figcaption a{position:absolute;bottom:20px;right:20px;}
/*----------------------------------*/
/*          product page            */
/*----------------------------------*/
#Breadcrumbs{width:100%;min-height:65px;background-color:#FFF;}
.Breadcrumbs_box{margin:0 auto;color:#ccc;width:100%;max-width:1600px;width:100%;max-width:1600px;margin:0 auto;}
.Breadcrumbs_box a{color:#000;}
.Breadcrumbs_box a:hover{color:#09f;}
.Breadcrumbs_box img{padding-right:10px !important;vertical-align:middle !important;width:auto;}
.info_logo{margin-bottom:15px;} 
.info_kg{color:#fff;margin-top:35px;line-height:34px;margin-bottom:20px;font-size:1.1em;}
.ppage_background{background-image:url(images/ppage_bg.png);background-repeat:repeat-x;}
.li_parallelogram{margin-left:42% !important;}
.product_ingotd{font-size:1.1em;padding-bottom:15px;padding-top:2px;}
.Breadcrumbs_left{float:left;line-height:60px;letter-spacing:1px;padding:5px 0;}
.Breadcrumbs img{width:21px !important;letter-spacing:1px;}
.Breadcrumbs_right{width:73%;text-align:center;color:#000;letter-spacing:1px; margin:0%;}
.Breadcrumbs_right_box{width:100%;background-color:#333;display:block;height:110px;}
.Breadcrumbs_right .btn1{padding:14px 15px;color:#999;float:right;margin:30px 8px; border-radius:3px; border:1px solid #555;}
.Breadcrumbs_right .btn1:hover{background-color:#555;color:#fff;}
.Breadcrumbs_right .btn2{padding:14px 15px;background-color:#000;color:#fff;float:right;margin:30px 8px; border-radius:3px;}
/*--------------收合---------------*/
@import url(https://fonts.googleapis.com/css?family=Josefin+Sans:700);
.container2{width:100%;margin:0 auto;background-color:#fff;}
.container2 h2{text-align:left;font-size:1.1em;}
.container2 p{padding:10px 15px 0px 15px;}
.acc{overflow:hidden;padding:0;}
.acc li{list-style-type:none;padding:0;}
.acc_ctrl{background:#FFFFFF;border:none;border-top:solid 1px #bbb;cursor:pointer;display:block;outline:none;padding:.6em;position:relative;text-align: center; width: 100%;}
.acc_ctrl:before{background:#888;content:'';height:2px;margin-right:15px;position:absolute;right:0;top:50%;-webkit-transform:rotate(90deg);
-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg);-webkit-transition:all 0.2s ase-in-out;-moz-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;width:16px;}
.acc_ctrl:after{background:#888;content:'';height:2px;margin-right:15px;position:absolute;right:0;top:50%;width:16px;}
.acc_ctrl.active:before{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
.acc_ctrl.active h2, .acc_ctrl:focus h2{position:relative;}
.acc_panel{background:#fff;display:none;overflow:hidden;}

/*---------helmets--------*/
.MATERIAL_Carbon{width:30%;float:right;background-color:#039;height:100%;color:#fff;padding:5px 0;text-align:center;border-radius:5px;letter-spacing:1px;margin-top:15px;}
.MATERIAL_ABS{width:30%;float:right;background-color:#000;height:100%;color:#fff;padding:5px 0;text-align:center;border-radius:5px;letter-spacing:1px;margin-top:15px;}
.MATERIAL_FRP{width:30%;float:right;background-color:#900;height:100%;color:#fff;padding:5px 0;text-align:center;border-radius:5px;letter-spacing:1px;margin-top:15px;}
/*----------Tag-----------*/
.tag{background:#E0E0E0;border-radius:3px 0 0 3px;color:#999;display:inline-block;height:35px;line-height:35px;padding:0 20px 0 23px;position:relative;margin:0 10px 10px 0;text-decoration:none;-webkit-transition:color 0.1s;}
.tag::before{background:#fff;border-radius:12px;box-shadow:inset 0 1px rgba(0, 0, 0, 0.25);content:'';height:8px;left:12px;position:absolute;width:8px;top:12px;}
.tag::after{background:#fff;border-bottom:18px solid transparent;border-left:14px solid #000;border-top:18px solid transparent;content:'';position:absolute;right:0;top:0;}
.tag-inverse{background:#ddd;border-radius:0 3px 3px 0;color:#000;float:left;height:35px;line-height:38px;padding:0 14px 0 30px;position:relative;margin:0 10px 15px 0;text-decoration:none;-webkit-transition:color 0.1s;letter-spacing:2px;font-size:1em;}
.tag-inverse::before{background:#fff;border-radius:12px;box-shadow:inset 1px 1px rgba(0, 0, 0, .4);content:'';height:6px;left:14px;position:absolute;width: 6px; top: 14px;}
.tag-inverse::after{background:#fff;border-bottom:18px solid transparent;border-right:14px solid #ddd;border-top:18px solid transparent;content:'';position:absolute;left:0;top:0;}
.tag-inverse:hover{background-color:crimson;color:white;}
.tag-inverse:hover::after{border-right-color:crimson;}

/*-藍-*/
.tag-inverse:hover.color_blue{background-color:mediumblue;}
.tag-inverse:hover.color_blue::after{border-right-color:mediumblue;}
/*-紅-*/
.tag-inverse:hover.color_red{background-color:red;}
.tag-inverse:hover.color_red::after{border-right-color:red;}
/*-消光黑-*/
.tag-inverse:hover.color_Mblack{background-color:black;}
.tag-inverse:hover.color_Mblack::after{border-right-color:black;}
/*-消光藍-*/
.tag-inverse:hover.color_Mblue{background-color:navy;}
.tag-inverse:hover.color_Mblue::after{border-right-color:navy;}
/*-消光黃-*/
.tag-inverse:hover.color_Myellow{background-color:#DDDD00;color:#000;font-weight:600;}
.tag-inverse:hover.color_Myellow::after{border-right-color:#DDDD00;}
/*-粉-*/
.tag-inverse:hover.color_pink{background-color:#ED4360;}
.tag-inverse:hover.color_pink::after{border-right-color:#ED4360;}
/*-白-*/
.tag-inverse:hover.color_white{background-color:silver;color:#000;}
.tag-inverse:hover.color_white::after{border-right-color:silver;}
/*-藍/銀-*/
.tag-inverse:hover.color_Mblue2{background-color:#1e40b1;}
.tag-inverse:hover.color_Mblue2::after{border-right-color:#1e40b1;}
/*-黑-*/
.tag-inverse:hover.color_black{background-color:black;}
.tag-inverse:hover.color_black::after{border-right-color:black;}
/*-消光咖啡-*/
.tag-inverse:hover.color_Mbrown{background-color:#817060;}
.tag-inverse:hover.color_Mbrown::after{border-right-color:#817060;}
/*-金-*/
.tag-inverse:hover.color_gold{background-color:#9c741f;}
.tag-inverse:hover.color_gold::after{border-right-color:#9c741f;}
/*-紫-*/
.tag-inverse:hover.color_purple{background-color:purple;}
.tag-inverse:hover.color_purple::after{border-right-color:purple;}
/*-灰-*/
.tag-inverse:hover.color_gray{background-color:gray;}
.tag-inverse:hover.color_gray::after{border-right-color:gray;}
/*-土耳其藍-*/
.tag-inverse:hover.color_Tblue{background-color:#34C6C6;}
.tag-inverse:hover.color_Tblue::after{border-right-color:#34C6C6;}
/*-水藍-*/
.tag-inverse:hover.color_Aqua{background-color:#2b98ee;}
.tag-inverse:hover.color_Aqua::after{border-right-color:#2b98ee;}
/*-綠-*/
.tag-inverse:hover.color_green{background-color:green;}
.tag-inverse:hover.color_green::after{border-right-color:green;}
/*-橘-*/
.tag-inverse:hover.color_orange{background-color:#E26600;}
.tag-inverse:hover.color_orange::after{border-right-color:#E26600;}
/*-青銅-*/
.tag-inverse:hover.color_gunmetal{background-color:#14221c;}
.tag-inverse:hover.color_gunmetal::after{border-right-color:#14221c;}

/*.tag:hover{background-color:crimson;color:white;}
.tag:hover::after{border-left-color:crimson;}*/

.ppage_size_txt{font-size:.8em;color:#fff;margin-left:0;background-color:#034877;line-height:20px;padding:5px 8px 5px 4px;border-radius:5px;float:left;}
.ppage_size_txt2{font-size:.8em;color:#fff;margin-left:3px;background-color:#CE2929;line-height:20px;padding:5px 8px;border-radius:5px;float:left;}
.ppage_size_txt3{font-size:1em;color:#222;padding:5px 0;text-align:center;border:2px solid #aaa;margin:15px auto 0px auto;border-radius:20px;letter-spacing:2px;width:99.5%;}
.ppage_size_txt4{font-size:.85em;color:#fff;margin-left:0;background-color:#034877;line-height:20px;padding:5px 8px 5px 10px;border-radius:5px;float:left;letter-spacing:2px; margin-bottom:5px;}
.ppage_size_left{float:left;width:12%;}
.ppage_size_right{float:left;width:88%;}
.ppage_line{width:100%;background-image:url(images/line.png);background-repeat:repeat-x;}
.ppage_p{text-align:justify;font-size:1.2em;line-height:40px;padding-top:5%;}
.ppage_img{margin:0 auto;text-align:center;}
.ppage_desc{color:#fff;text-align:justify;font-size:1em;line-height:24px;min-height:68px;}
.ppage_desc2{width:100%;background-color:#003756;min-height:72px;text-align:center;font-size:1.4em;letter-spacing:3px;color:#fff;padding:10px 0 10px 0;}
.ppage_desc4{width:100%;background-color:#003756;line-height:72px;text-align:center;font-size:1.4em;letter-spacing:3px;color:#fff;}
.ppage_plus{font-size:.65em;color:#fff;letter-spacing:1px;vertical-align:middle;}
.ppage_desc3{width:100%;background-color:#fff;line-height:30px;text-align:center;letter-spacing:3px;color:#CE2929;}
.ppage_plu2{font-size:.65em;color:#CE2929;letter-spacing:1px;padding-left:10px;}
.ppage_size_box{background-color:#ddd;padding:14px 20px;border-radius:5px;line-height:30px;text-align:center;width:78px;float:left;margin:8px;font-family:fantasy;font-size:1.2em;color:#333;letter-spacing:1px;}
.ppage_CM{font-size:.9em;text-align:center;line-height:22px;padding-bottom:8px;letter-spacing:1px;color:#444;}
.ppage_size_box2{background-color:#ddd;padding:7px 0;border-radius:5px;line-height:24px;text-align:center;width:78px;float:left;margin:8px;font-family:fantasy;font-size:1.2em; color:#CE2929;letter-spacing:1px;}
.ppage_CM2{font-size:.9em;text-align:center;line-height:22px;padding-bottom:8px;letter-spacing:1px;color:#444;}
.ppage_size_box3{padding:10px 20px;border-radius:5px;line-height:30px;text-align:center;width:78px;float:left;margin:6px;font-family:fantasy;font-size:1.2em;color:#CE2929;letter-spacing:1px;}
.Material{padding-left:10px;color:#444;line-height:28px;font-size:.95em;}

/*-------------------瀑布流---------------------*/
.container{width:100%;height:100%;}
.trans{transition:all 1s ease;-moz-transition:all 1s ease;-ms-transition:all 1s ease;-o-transition:all 1s ease;-webkit-transition:all 1s ease;}
.top{display:flex;/*width: 80vw;height: 80vh;margin-top:10vh;margin-left:auto;margin-right:auto;margin-bottom:10vh;*/left:-50%;position:relative;}
.top ul{margin:0 auto;left:48.5%;position:relative;text-align:center;-moz-column-count:1;-moz-column-gap:10px;-webkit-column-count:1;-webkit-column-gap:10px;}
.top ul li{float:left;overflow:hidden;vertical-align:middle;background-size:auto 100%;background-position:center;border-radius:4px;margin:5px;}
.lightbox_div{width:146px;height:146px;}
.top ul li::before{top:0;left:0;width:100%;height:100%;content:'';color:white;text-align:center;box-sizing:border-box;pointer-events:none;transition:all 0.3s ease;	-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;}
.top ul li:hover::before{opacity:0;background-color:rgba(0,0,0,0.90);}
.top ul li img{width:146px;height:146px;display:table;float:left;position:relative;color:inherit;border:none !important;padding:0 !important;overflow:hidden;vertical-align: middle;text-decoration:none;background-size:cover;background-color:#DDD;background-position:center;background-repeat:no-repeat;z-index:0;-webkit-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.5);-moz-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.5);box-shadow:1px 1px 1px rgba(0, 0, 0, 0.25);text-shadow:2px 2px 0px #000000;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
.lightbox{position:fixed;width:100%;height:100%;text-align:center;top:0;left:0;background-color:rgba(0,0,0,0.75);z-index:999;opacity:0;pointer-events:none;}
.lightbox img{max-width:90%;max-height:80%;position:relative;top:-100%;/* Transition */transition:all 1s ease;-moz-transition:all 1s ease;-ms-transition:all 1s ease;	-o-transition:all 1s ease;-webkit-transition:all 1s ease;}
.lightbox:target{outline:none;top:0;opacity:1;pointer-events:auto;transition:all 1.2s ease;-moz-transition:all 1.2s ease;-ms-transition:all 1.2s ease;-o-transition:all 1.2s ease;-webkit-transition:all 1.2s ease;}
.lightbox:target img{top:0;top:50%;transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);-webkit-transform: translateY(-50%);}

/*-------------------其他彩繪-------------------*/
.product-item{margin-bottom:15px;}
.product-item .item-thumb{-webkit-backface-visibility:hidden;backface-visibility:hidden;position:relative;border:5px solid #bbb;}
.product-item .item-thumb .note{position:absolute;right:10px;top:10px;background-color:white;color:#444444;text-transform:uppercase;font-size:12px;font-weight:700;z-index:96;}
.product-item .item-thumb .overlay{position:absolute;width:100%;height:100%;padding:20px;background-color:rgba(140, 140, 140, 1);-webkit-transition:all 200ms linear; -moz-transition:all 200ms linear;-ms-transition:all 200ms linear;-o-transition:all 200ms linear;transition:all 200ms linear;opacity:0;filter:alpha(opacity=0);}
.product-item .item-thumb .overlay2{position:absolute;width:100%;height:100%;padding:20px;}
.product-item .item-thumb .overlay .overlay-inner{width:100%;height:100%;text-align:center;}
.product-item .item-thumb .overlay .overlay-inner a.view-detail{position:relative;display:block;background:url(../images/active-state.png) no-repeat;background-position:center 20px;font-size:1.2em;text-transform:uppercase;letter-spacing:1px;vertical-align:middle;color:#fff;}
.product-item .item-thumb:hover .overlay{opacity:1;filter:alpha(opacity=100);}
.product-item h3{margin:15px 0 12px 0;font-size:18px;font-weight:600;}
.product-item span{font-size:14px;}
.product-item span em{font-weight:700;font-style:normal;}
.product-item span em.price{color:#26b864;}
.product-item span em.text-muted{color:#a3a7aa;text-decoration:line-through;font-weight:600;}

.view-detail{}
.view-detailA{min-height:60px;font-size:1.9em;color:rgba(255, 255, 255, 1);font-weight:bold;letter-spacing:-1px;margin-top:5%;}
.view-detailB{min-height:110px;}
.view-detailB span{font-size:.8em;}
.view-detailC{min-height:60px;}
.view-detailD{border:2px solid #fff;font-size:.85em !important;padding:10px 28px;margin-top:10px;}

.index_adviframe{width:1920px;height:700px;}
/*-------news-------*/
.news_class{color:#fff;text-align:left;margin-top:-10px;font-size:.85em;line-height:30px;padding-left:2%;}
.color1{background-color:#034877;}
.color2{background-color:#F3370C;}
.color3{background-color:#303;}
.color4{background-color:#C00;}
.news_text{line-height:24px;color:#222;padding:15px 0 8px 0;font-size:1.1em;font-weight:300;letter-spacing:1px;}
.news_datebox{text-align:left;color:#555;padding-bottom:5px;}
.news_date{color:#555;margin:0;padding:8px 5px 8px 0;}
.news_arrow{color:#fff;margin:0;padding:8px 10px;background-color:#131313;}

#columns{column-width:260px;column-gap:15px;-webkit-column-width:260px;-webkit-column-gap:15px;-ms-column-width:260px;-ms-column-gap:15px;-moz-column-width:260px;-moz-column-gap:15px;-o-column-width:260px;-0-column-gap:15px;width:90%;max-width:1150px;margin:50px auto;font-family:Arial,微軟正黑體;}
div#columns figure{background:#fefefe;border:1px solid #ccc;/*box-shadow: 0 1px 2px rgba(34, 25, 25, 0.7);*/margin: 0 2px 15px;padding:15px;padding-bottom:10px;transition: opacity .4s ease-in-out;display:inline-block;column-break-inside:avoid;}
div#columns figure img{width:100%;height:auto;margin-bottom:5px;}
div#columns figure figcaption{font-size:1em;color:#222;line-height:1.5;}
div#columns small{font-size:1em;float:right;text-transform:uppercase;color:#aaa;} 
div#columns small a{color:#666;text-decoration:none;transition:.4s color;}
div#columns:hover figure:not(:hover) {opacity:1;}

/*-------point-------*/
.point_box h2{font-size:1.5em;line-height:31px;max-width:92%;}
.point_box .acc_ctrl{background-color:#ddd;color:#333;padding-left:20px;}
.point_place{font-size:1.3em;color:#222;font-weight:bold;}
.point_table{padding-top:10px;padding-bottom:30px;line-height:38px;font-size:1em;letter-spacing:1px;color:#000;}
.point_tr{background-color:#034877;color:#fff;line-height:40px;font-weight:bold;}
.point_trhover:hover{background-color:#ddd;}
.point_td{padding-left:10px;}
.point_table td{border-bottom:1px solid #ddd;}
.point_width{max-width:60%;margin:0 auto;background-color:#fff;}
.point_width_map{max-width:100%;margin:0 auto;}
.point_phone{text-align:right;padding-right:10px;}
/*--------qa---------*/
.qa_box{max-width:60%;margin:0 auto;background-color:#fff;font-size:1.2em;line-height:32px;} 
.qa_01{position:absolute;top:36%;left:24%;max-width:76%;}
.qa_02{position:absolute;top:28%;left:2%;max-width:76%;}
.qa_03{position:absolute;top:36%;left:24%;max-width:76%;}
.qa_04{position:absolute;top:36%;left:2%;max-width:76%;}
.qa_05{position:absolute;top:30%;left:24%;max-width:76%;}
.qa_img{width:70%;}
.qa_Left{width:20%;float:left;}
.qa_Right{width:76%;float:left;padding:5% 2%;font-size:1.05em;}
.qa_RightB{width:96%;float:left;padding:2% 2%;font-size:1.05em;}
/*--------contact---------*/
.con_box{width:100%;max-width:1200px;margin:0 auto;line-height:46px;font-size:1.3em;}
.con_left{width:48%;float:left;margin:0% auto;display:block;}
.con_right{width:52%;float:left;margin:0% auto;}
.con_title{font-size:1.3em;font-weight:bold;text-align:center;letter-spacing:2px;}
.con_black_title{background-color:#000;text-align:center;color:#fff;padding:2px 0;letter-spacing:2px;}
.con_ico{width:5%;}
.con_ico img{width:100%;max-width:20px;text-align:center;vertical-align:middle;}
.con_info{width:60%;letter-spacing:1px; LINE-HEIGHT: 25px;padding: 6px 0;}
/*--------footer---------*/
.APPROVED{display:block;}
.APPROVED img{width:100%; margin-bottom:-4px;}
.APPROVED_mob{display:none;}
.APPROVED_mob img{width:100%; margin-bottom:-3px;}
.footer_iframe{margin-bottom:0;}
.footer_top{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;border:none;font:normal 100%/normal Arial, Helvetica, sans-serif;color:rgb(255, 255, 255);-o-text-overflow:clip;text-overflow:clip;background:-webkit-linear-gradient(63deg, rgb(10,10,10) 5px, rgba(0,0,0,0) 5px), -webkit-linear-gradient(-117deg, rgb(10,10,10) 5px, rgba(0,0,0,0) 5px), -webkit-linear-gradient(63deg, rgb(17,17,17) 5px, rgba(0,0,0,0) 5px), -webkit-linear-gradient(-117deg, rgb(17,17,17) 5px, rgba(0,0,0,0) 5px), -webkit-linear-gradient(0deg, rgb(13,13,13) 10px, rgba(0,0,0,0) 10px), -webkit-linear-gradient(-90deg, rgb(14,14,14) 35%, rgb(13,13,13) 35%, rgb(13,13,13) 60%, rgba(0,0,0,0) 60%, rgba(0,0,0,0) 85%, rgb(18,18,18) 85%, rgb(18,18,18) 100%), rgb(9, 9, 9);background: -moz-linear-gradient(27deg, rgb(10,10,10) 5px, rgba(0,0,0,0) 5px), -moz-linear-gradient(207deg, rgb(10,10,10) 5px, rgba(0,0,0,0) 5px), -moz-linear-gradient(27deg, rgb(17,17,17) 5px, rgba(0,0,0,0) 5px), -moz-linear-gradient(207deg, rgb(17,17,17) 5px, rgba(0,0,0,0) 5px), -moz-linear-gradient(90deg, rgb(13,13,13) 10px, rgba(0,0,0,0) 10px), -moz-linear-gradient(180deg, rgb(14,14,14) 35%, rgb(13,13,13) 35%, rgb(13,13,13) 60%, rgba(0,0,0,0) 60%, rgba(0,0,0,0) 85%, rgb(18,18,18) 85%, rgb(18,18,18) 100%), rgb(9, 9, 9);background: linear-gradient(27deg, rgb(10,10,10) 5px, rgba(0,0,0,0) 5px), linear-gradient(207deg, rgb(10,10,10) 5px, rgba(0,0,0,0) 5px), linear-gradient(27deg, rgb(17,17,17) 5px, rgba(0,0,0,0) 5px), linear-gradient(207deg, rgb(17,17,17) 5px, rgba(0,0,0,0) 5px), linear-gradient(90deg, rgb(13,13,13) 10px, rgba(0,0,0,0) 10px), linear-gradient(180deg, rgb(14,14,14) 35%, rgb(13,13,13) 35%, rgb(13,13,13) 60%, rgba(0,0,0,0) 60%, rgba(0,0,0,0) 85%, rgb(18,18,18) 85%, rgb(18,18,18) 100%), rgb(9, 9, 9);background-position: 0 2.5px, 5px 0, 0 5px, 5px 2.5px, 0 0, 0 0;-webkit-background-origin:padding-box;background-origin:padding-box;-webkit-background-clip:border-box;background-clip:border-box;-webkit-background-size:10px 10px;background-size:10px 10px;	width:100%;	padding-bottom:20px;background-color:#000;	color:#fff;	display:block;	letter-spacing:1px;}
.footer_logo{width:50%;margin-top:2%;margin-bottom:5%;}
.mobfooter_logo{width:60%;margin-top:0%;margin-bottom:1%;}
.mobile_footer{width:100%;min-height:200px;background-color:#131313;color:#fff;display:block;letter-spacing:1px;border-bottom:10px solid #000;}		
.footer_box{max-width:1600px;papadding:20px;margin:0 auto;line-height:24px;padding:40px 10px 0 10px;}
.footer_box2{max-width:1450px;papadding:30px;margin:0 auto;line-height:24px;padding:30px 10px 0 10px;}	
.footer_a{width:27%;float:left;padding-top:1%;padding-left:1%;}
.footer_b{width:20%;float:left;text-align:left;padding-top:1%;}
.footer_c{width:40%;float:left;padding-top:1%;}	
.footer_d{width:27%;float:left;padding-top:1%;}	
.footer_btitle{font-size:1.2em;font-weight:bold;line-height:25px;padding:8px 0px;color:#fff !important;text-align:left;}
.footer_b a{color:#999; line-height:35px;text-align:left;}
.footer_b a:hover{color:#cf0;}
.footer_a div{color:#999;line-height:30px;}
.footer_c div{color:#999;line-height:28px;height:28px;margin-left: 20.5%;}
.footer_d div{color:#999;line-height:22px;height:22px;font-size:.95em;}
.mobile_footer{display:none;}
.footer_cr{color:#fff;text-align:center;line-height:18px;padding-bottom:10px;padding-top:0px;font-size:1em;}
.footer_sns{color:#fff;}
.footer_copyright{background-color:#fff;color:#000;text-align:center;line-height:32px;font-size:1em;font-weight:300;background-color:#aaa;letter-spacing:1px;}
.ppage_back_box{max-width:61%;margin:3.5% auto -2.2% auto;}
@media screen and (max-width:1800px){
.index_adviframe{width:1800px;height:550px;}
.ESTABLISH{width:24%;margin:4.5%;float:left; border-bottom:10px solid #FBCF61;}
.EMPLOYEES{width:24%;margin:4.5%;float:left;border-bottom:10px solid #FF6F6F;}
.CAPACITY{width:24%;margin:4.5%;float:left;border-bottom:10px solid #A8D164;}
.p_box{background-color:#333;color:#fff;float:left;text-align:center;width:100%;height:16vw;}
.p_box img{width:80px;text-align:center;padding:35px 0 15px 0;}
.p_box div{font-size:1.6em;font-weight:bold;line-height:45px;}
.B_font{font-size:2.5em !important;letter-spacing:1px;}
.C_font{font-size:1em !important;color:#aaa;font-weight:100 !important;letter-spacing:1px;}
}
@media screen and (max-width:1601px){
.index_adviframe{width:1600px;height:550px;}
.p_box{background-color:#333;color:#fff;float:left;text-align:center;width:100%;height:18vw;}
}
@media screen and (max-width:1401px){
.ppage_back_box{max-width:72%;}
.fa-2x{font-size:1.8em !important;margin-right:-6px;}
.APPROVED{display:block;}
.APPROVED_mob{display:none;}
.slider4_mob{display:none;}
.footer_box{max-width:1600px;papadding:20px;margin:0 auto;line-height:24px;padding:15px 10px 0 10px;}
.mobile_header{display:none;height:60px;padding-top:1%;}
.mobfooter_logo{width:45%;margin-top:3%;margin-bottom:0%;}
.mobile_header_div img{max-width:220px;}
.mobile_footer{width:100%;min-height:250px;background-color:#131313;color:#fff;display:block;letter-spacing:1px;border-bottom:10px solid #000;}	
.mobile_footer{display:none;}
.footer{display:block;}
.footer_logo{width:80%;margin-top:2.5%;margin-bottom:5%;}
.footer_c div{color:#999;line-height:20px;height:20px;margin-left:32.5%;font-size:1.1em;}
.footer_c{width:35%;}
.footer_b{width:21%;float:left;text-align:left;padding-top:1%;}
.p_box{background-color:#333;color:#fff;float:left;text-align:center;width:100%;height:21vw;}
}
@media screen and (max-width:1367px){
.index_adviframe{width:1366px;height:450px;}
.p_box{background-color:#333;color:#fff;float:left;text-align:center;width:100%;height:22vw;}

.qa_box{max-width:85%;}
.ppage_back_box{max-width:85%;}
}
@media screen and (max-width:1024px){
.top ul{left:49%;}
.lightbox_div{width:140px;height:140px;}
.top ul li img{width:140px;height:140px;}
.top ul li{margin:3px;}
.index_adviframe{width:1024px;height:340px;}
.ESTABLISH{width:27%;margin:3%;float:left;border-bottom:10px solid #FBCF61;}
.EMPLOYEES{width:27%;margin:3%;float:left;border-bottom:10px solid #FF6F6F;}
.CAPACITY{width:27%;margin:3%;float:left;border-bottom:10px solid #A8D164;}
.p_box{background-color:#333;color:#fff;float:left;text-align:center;width:100%;height:28vw;}
.footer_box{max-width:1150px !important;}
.point_width{max-width:90%;margin:0 auto;background-color:#fff;}
.qa_box{max-width:95%;margin:0 auto;background-color:#fff;font-size:1em;line-height:26px;letter-spacing:2px;}
.ppage_back_box{max-width:98%;}	
.footer_b a{color:#999;line-height:35px;text-align:left;font-size:.95em;}
.profile_txt{max-width:950px;}
}
@media screen and (max-width:1001px){
.mobile_footer{display:block;}
.footer{display:none;}
.footer_iframe{min-height:355px;margin-bottom:-7px;}
.point_width{max-width:95%;margin:0 auto;background-color:#fff;font-size:.9em;}	
tr.point_trhover{line-height:24px;}
.qa_box{max-width:98%;margin:0 auto;background-color:#fff;font-size:1em;line-height:24px;}
.ESTABLISH{width:27%;margin:3%;float:left;border-bottom:10px solid #FBCF61;}
.EMPLOYEES{width:27%;margin:3%;float:left;border-bottom:10px solid #FF6F6F;}
.CAPACITY{width:27%;margin:3%;float:left;border-bottom:10px solid #A8D164;}
.p_box{background-color:#333;color:#fff;float:left;text-align:center;width:100%;height:28vw;}
.profile_txt{max-width:930px;}
}
@media screen and (max-width:991px){
.info_logo{margin-bottom:15px;text-align:center;}
.black-text{color:#000;}
.info_kg{color:#000;margin-top:35px;line-height:38px;margin-bottom:20px;font-size:1.2em;}
.profile_txt{max-width:910px;}
}
@media screen and (max-width:860px){
.li_parallelogram{margin-left:36% !important;}
.ESTABLISH{width:27%;margin:3%;float:left;border-bottom:10px solid #FBCF61;}
.EMPLOYEES{width:27%;margin:3%;float:left;border-bottom:10px solid #FF6F6F;}
.CAPACITY{width:27%;margin:3%;float:left;border-bottom:10px solid #A8D164;}
.p_box{background-color:#333;color:#fff;float:left;text-align:center;width:100%;height:28vw;}
.p_box img{width:60px;text-align:center;padding:35px 0 15px 0;}
.p_box div{font-size:1.6em;font-weight:bold;line-height:40px;}
.profile_txt{max-width:800px;font-size:1.1em;}
}
@media screen and (max-width:800px){
.con_left{display:none;}
.con_right{width:100%;}
.con_right table{width:68%;margin:0 auto;}
.qa_box{max-width:98%;margin:0 auto;background-color:#fff;font-size:1em;line-height:24px;}
.ESTABLISH{width:27%;margin:3%;float:left;border-bottom:10px solid #FBCF61;}
.EMPLOYEES{width:27%;margin:3%;float:left;border-bottom:10px solid #FF6F6F;}
.CAPACITY{width:27%;margin:3%;float:left;border-bottom:10px solid #A8D164;}
.p_box{background-color:#333;color:#fff;float:left;text-align:center;width:100%;height:28vw;}
.p_box img{width:60px;text-align:center;padding:25px 0 10px 0;}
.B_font{font-size:2.1em !important;letter-spacing:1px;}
.profile_txt{max-width:930px;}
}
@media screen and (max-width:769px){
.top ul{left:50%;}
.lightbox_div{width:150px;height:150px;}
.top ul li img{width:150px;height:150px;}
.top ul li{margin:3px;}
.info_kg{color:#000;margin-top:35px;line-height:38px;margin-bottom:20px;font-size:1.1em;}
.info_table td{padding:5px 10px;background-color:#ddd;}
.index_adviframe{width:768px;height:270px;}
.ESTABLISH{width:27%;margin:3%;float:left;border-bottom:10px solid #FBCF61;}
.EMPLOYEES{width:27%;margin:3%;float:left;border-bottom:10px solid #FF6F6F;}
.CAPACITY{width:27%;margin:3%;float:left;border-bottom:10px solid #A8D164;}
.p_box{background-color:#333;color:#fff;float:left;text-align:center;width:100%;height:28vw;}
.p_box img{width:60px;text-align:center;padding:25px 0 15px 0;}
.p_box div{font-size:1.2em;font-weight:bold;line-height:35px;}
.B_font{font-size:2em !important;letter-spacing:1px;}
.qa_box{max-width:100%;margin:0 auto;background-color:#fff;font-size:.9em;line-height:22px;}
.qa_01{position:absolute;top:42%;left:24%;max-width:76%;}
.qa_02{position:absolute;top:14%;left:2%;max-width:76%;}
.qa_03{position:absolute;top:36%;left:24%;max-width:76%;}
.qa_04{position:absolute;top:22%;left:2%;max-width:76%;}
.qa_05{position:absolute;top:18%;left:24%;max-width:76%;}
.qa_Left{width:30%;float:left;}
.qa_Right{width:66%;float:left;padding:5% 2%;}	
.qa_RightB{width:96%;float:left;padding:2% 2%;font-size:1.05em;}
.qa_img{width:100%;}
.con_left{display:none;}
.con_right{width:100%;}
.con_right table{width:75%;margin:0 auto;}
.con_ico{width:8%;}
.con_info{width:92%;letter-spacing:1px;line-height:34px;padding:5px 0;}
.con_black_title{background-color:#000;text-align:center;color:#fff;padding:2px 0;letter-spacing:2px;margin-bottom:10px;}
.profile_txt{max-width:700px;font-size:1em;line-height:28px;}
.Breadcrumbs_box{margin:0 auto;color:#ccc;width:91.5%;max-width:1600px;max-width:1600px;margin:0 auto;}
}
@media screen and (max-width: 750px) { 
#columns{column-gap:0px;}
#columns figure{width:90%;}
.p_box img{width:55px;text-align:center;padding:25px 0 15px 0;}
.profile_txt{max-width:680px;font-size:1em;line-height:27px;}
}
@media screen and (max-width:737px){
.qa_box{max-width:98%;margin:0 auto;background-color:#fff;font-size:.85em;line-height:22px;}
.qa_01{position:absolute;top:34%;left:24%;max-width:76%;}
.qa_02{position:absolute;top:14%;left:2%;max-width:75%;}
.qa_03{position:absolute;top:36%;left:24%;max-width:76%;}
.qa_04{position:absolute;top:22%;left:2%;max-width:76%;}
.qa_05{position:absolute;top:22%;left:24%;max-width:76%;}
.mobfooter_logo{width:40%;margin-top:-3%;margin-bottom:0%;}
.mobile_footer{width:100%;min-height:220px;background-color:#131313;color:#fff;display:block;letter-spacing:1px;border-bottom:10px solid #000;}		
.mobile_header{display:none;height:68px; padding-top:2%;}
.mobile_header_div{margin-left:10px; padding-top:5px;}
.mobile_header_div img{max-width:250px;}
.p_box{background-color:#333;color:#fff;float:left;text-align:center;width:100%;height:30vw;}
}
@media screen and (max-width:736px){
.ppage_background{background-image:url(images/ppage_bg6.png);background-repeat:repeat-x;}
.li_parallelogram{margin-left:32% !important;}
.top ul{left:51%;}
.lightbox_div{width:145px;height:145px;}
.top ul li img{width:145px;height:145px;}
.top ul li{margin:3px;}
.index_adviframe{width:736px;height:270px;}

.product-item span{display:none;}
.product-item .item-thumb .overlay{position:absolute;width:100%;height:100%;border:2px solid #fff;padding:10px;background-color:rgba(136, 130, 7, 0.95);-webkit-transition:all 200ms linear;-moz-transition:all 200ms linear;-ms-transition:all 200ms linear;-o-transition: all 200ms linear;transition: all 200ms linear;opacity:0;filter:alpha(opacity=0);}
.index_adviframe{width:736px;height:290px;}

.qa_box{max-width:98%;margin:0 auto;background-color:#fff;font-size:.85em;line-height:22px;}
.qa_01{position:absolute;top:44%;left:24%;max-width:76%;}
.qa_02{position:absolute;top:14%;left:2%;max-width:75%;}
.qa_03{position:absolute;top:36%;left:24%;max-width:76%;}
.qa_04{position:absolute;top:22%;left:2%;max-width:76%;}
.qa_05{position:absolute;top:22%;left:24%;max-width:76%;}
.qa_Right{font-size:1.25em;}	
.qa_RightB{font-size:1.25em;line-height:24px;}
.APPROVED{display:block;}
.APPROVED_mob{display:none;}
.slider4_mob{display:none;}
.footer_box{max-width:1600px;papadding:20px;margin:0 auto;line-height:24px;padding:15px 10px 0 10px;}
.mobfooter_logo{width:40%;margin-top:3%;margin-bottom:0%;}
.mobile_header_div img{max-width:220px;}
.mobile_footer{width:100%;min-height:220px;background-color:#131313;color:#fff;display:block;letter-spacing:1px;border-bottom:10px solid #000;}
.C_font{font-size:.8em !important;color:#aaa;font-weight:100 !important;letter-spacing:1px;}	
}
@media screen and (max-width:733px){
.index_adviframe{width:733px;height:270px;}
}
@media screen and (max-width:668px){
.ppage_background{background-image:url(images/ppage_bg4.png);background-repeat:repeat-x;}
.li_parallelogram{margin-left:36% !important;}
#Breadcrumbs{display:none;}
.top ul{left:50%;}
.lightbox_div{width:130px;height:130px;}
.top ul li img{width:130px;height:130px;}
.top ul li{margin:3px;}
.index_adviframe{width:667px;height:230px;}
.p_box div{font-size:1.2em;font-weight:bold;line-height:30px;}
.qa_box{max-width:98%;margin:0 auto;background-color:#fff;font-size:.85em;line-height:20px;}
.qa_01{position:absolute;top:32%;left:24%;max-width:74%;}
.qa_02{position:absolute;top:14%;left:2%;max-width:74%;}
.qa_03{position:absolute;top:36%;left:24%;max-width:74%;}
.qa_04{position:absolute;top:22%;left:2%;max-width:74%;}
.qa_05{position:absolute;top:22%;left:24%;max-width:74%;}
.APPROVED{display:none;}
.APPROVED_mob{display:block;}
.slider4_mob{display:none;}
.footer_box{max-width:1600px;papadding:20px;margin:0 auto;line-height:24px;padding:15px 10px 0 10px;}
.mobfooter_logo{width:40%;margin-top:3%;margin-bottom:0%;}
.mobile_header_div img{max-width:220px;}
.mobile_footer{width:100%;min-height:220px;background-color:#131313;color:#fff;display:block;letter-spacing:1px;border-bottom:10px solid #000;}	
.profile_txt{max-width:610px;font-size:.9em;line-height:26px;}
.profile_title{font-size:1.5em;}
}
@media screen and (max-width:641px){
.qa_box{max-width:98%;margin:0 auto;background-color:#fff;font-size:.85em;line-height:18px;}
.qa_01{position:absolute;top:32%;left:24%;max-width:74%;}
.qa_02{position:absolute;top:5%;left:2%;max-width:74%;}
.qa_03{position:absolute;top:30%;left:24%;max-width:74%;}
.qa_04{position:absolute;top:22%;left:2%;max-width:74%;}
.qa_05{position:absolute;top:22%;left:24%;max-width:74%;}
.APPROVED{display:none;}
.APPROVED_mob{display:block;}
.slider4_mob{display:none;}
.footer_box{max-width:1600px;papadding:20px;margin:0 auto;line-height:24px;padding:15px 10px 0 10px;}
.mobfooter_logo{width:40%;margin-top:3%;margin-bottom:0%;}
.mobile_header_div img{max-width:220px;}
.mobile_footer{width:100%;min-height:220px;background-color:#131313;color:#fff;display:block;letter-spacing:1px;border-bottom:10px solid #000;}	
.ESTABLISH{width:27%;margin:3%;float:left;border-bottom:10px solid #FBCF61;}
.EMPLOYEES{width:27%;margin:3%;float:left;border-bottom:10px solid #FF6F6F;}
.CAPACITY{width:27%;margin:3%;float:left;border-bottom:10px solid #A8D164;}
.p_box{background-color:#333;color:#fff;float:left;text-align:center;width:100%;height:28vw;}
.p_box img{width:50px;text-align:center;padding:25px 0 15px 0;}
.p_box div{font-size:1em;font-weight:bold;line-height:25px;}
.B_font{font-size:1.6em !important;letter-spacing:1px;}
.profile_txt{max-width:580px;font-size:.9em;line-height:26px;margin-bottom:5px;}
}
@media screen and (max-width:640px){
.index_adviframe{width:640px;height:230px;}
}	
@media screen and (max-width:601px){
.index_adviframe{width:600px;height:210px;}
.p_box img{width:50px;text-align:center;padding:17px 0 15px 0;}
.profile_txt{max-width:550px;font-size:.9em;line-height:26px;margin-bottom:5px;}
}
@media screen and (max-width:569px){
.qa_box{max-width:98%;margin:0 auto;background-color:#fff;font-size:.85em;line-height:18px;}
.qa_01{position:absolute;top:32%;left:24%;max-width:74%;}
.qa_02{position:absolute;top:5%;left:2%;max-width:74%;}
.qa_03{position:absolute;top:30%;left:24%;max-width:74%;}
.qa_04{position:absolute;top:22%;left:2%;max-width:74%;}
.qa_05{position:absolute;top:22%;left:24%;max-width:74%;}
.APPROVED{display:none;}
.APPROVED_mob{display:block;}
.slider4_mob{display:none;}
.footer_box{max-width:1600px;papadding:20px;margin:0 auto;line-height:24px;padding:15px 10px 0 10px;}
.mobfooter_logo{width:60%;margin-top:3%;margin-bottom:0%;}
.mobile_header_div img{max-width:220px;}
.mobile_footer{width:100%;min-height:220px;background-color:#131313;color:#fff;display:block;letter-spacing:1px;border-bottom:10px solid #000;}
.ESTABLISH{width:29%;margin:2%;float:left;border-bottom:10px solid #FBCF61;}
.EMPLOYEES{width:29%;margin:2%;float:left;border-bottom:10px solid #FF6F6F;}
.CAPACITY{width:29%;margin:2%;float:left;border-bottom:10px solid #A8D164;}
.p_box img{width:50px;text-align:center;padding:10px 0 10px 0;}	
.p_box{background-color:#333;color:#fff;float:left;text-align:center;width:100%;height:28vw;}
.profile_txt{max-width:530px;font-size:.9em;line-height:22px;margin-bottom:5px;}
}
@media screen and (max-width:568px){
.ppage_background{background-image:url(images/ppage_bg4.png);background-repeat:repeat-x;}
.li_parallelogram{margin-left:34% !important;}
.top ul{left:47.5%;}
.lightbox_div{width:118px;height:118px;}
.top ul li img{width:118px;height:118px;}
.top ul li{margin:1px;}	
}
@media screen and (max-width:560px){
.li_parallelogram{margin-left:32% !important;}
}
@media screen and (max-width:480px){
.info_logo{margin:15px 0;text-align:center;}
.ppage_background{background-image:url(images/ppage_bg2.png);background-repeat:repeat-x;}
.info_logo{margin:10px 0;text-align:center;}
.info_logo img{width:230px;}
.ESTABLISH{width:97%;margin:1.5%;float:left; border-bottom:10px solid #FBCF61;}
.EMPLOYEES{width:97%;margin:1.5%;float:left;border-bottom:10px solid #FF6F6F;}
.CAPACITY{width:97%;margin:1.5%;float:left;border-bottom:10px solid #A8D164;}
.p_box{background-color:#333;color:#fff;float:left;text-align:center;width:100%;height:36vw;}
.profile_txt{max-width:450px;font-size:.9em;line-height:22px;margin-bottom:5px;}
}
@media screen and (max-width:445px){
.info_logo{margin:15px 0;text-align:center;}
.ppage_background{background-image:url(images/ppage_bg2.png);background-repeat:repeat-x;}
.info_logo {margin:10px 0;text-align:center;}
.info_logo img{width:230px;}
.ESTABLISH{width:97%;margin:1.5%;float:left; border-bottom:10px solid #FBCF61;}
.EMPLOYEES{width:97%;margin:1.5%;float:left;border-bottom:10px solid #FF6F6F;}
.CAPACITY{width:97%;margin:1.5%;float:left;border-bottom:10px solid #A8D164;}
.p_box{background-color:#333;color:#fff;float:left;text-align:center;width:100%;height:36vw;}
.profile_txt{max-width:405px;font-size:.9em;line-height:22px;margin-bottom:5px;}
}
@media screen and (max-width:440px){
.li_parallelogram{margin-left:26% !important;}
.info_table td{padding:5px 10px;background-color:#ddd;}
.info_kg{color:#000;margin-top:35px;line-height:38px;margin-bottom:20px;font-size:1.1em;}
.top ul{left:49%;}
.lightbox_div{width:148px;height:148px;}
.top ul li img{width:148px;height:148px;}
.top ul li{margin:3px;}
}
@media screen and (max-width:415px){
.index_adviframe{width:414px;height:140px;}
#Breadcrumbs{display:none;}
/*.Breadcrumbs_box img {padding-right: 10px !important;padding-left:13px;}*/
.Breadcrumbs_right .btn1{font-size:.9em;padding:10px 0;color:#999;float:left;margin:5px auto;border-radius:3px;border:1px solid #555;width:78%;text-align:center;}
.Breadcrumbs_right .btn1:hover{background-color:#555;color:#fff;}
.Breadcrumbs_right .btn2{font-size:.9em;padding:10px 0;background-color:#000;color:#fff;float:left;margin:5px auto;border-radius:3px;width:78%;text-align:center;}
.profile_txt{width:90%;margin:0 auto;font-family:微軟正黑體;text-align:left;font-size:1.1em;line-height:25px;letter-spacing:0em;color:#111;font-weight:500;margin-bottom:20px;}

.p_box{background-color:#333;color:#fff;float:left;text-align:center;width:100%;height:45vw;}
.p_box img{width:60px;text-align:center;padding:20px 0 13px 0;}
.qa_box{max-width:98%;margin:0 auto;background-color:#fff;font-size:.6em;line-height:14px;letter-spacing:-1px;}
.qa_01{position:absolute;top:32%;left:24%;max-width:77%;}
.qa_02{position:absolute;top:6%;left:1%;max-width:77.5%;}
.qa_03{position:absolute;top:32%;left:24%;max-width:77%;}
.qa_04{position:absolute;top:18%;left:1%;max-width:76%;}
.qa_05{position:absolute;top:18%;left:24%;max-width:77%;}
.qa_Left{width:40%;float:left;}
.qa_Right{width:56%;float:left;padding:5% 2%;line-height:24px;}	
.qa_RightB{width:96%;float:left;padding:2% 2%;line-height:24px;}
.con_title{font-size:1.2em;font-weight:bold;text-align:center;letter-spacing:2px;line-height:34px;}
.con_left{display:none;}
.con_right{width:100%;}
.con_right table{width:95%;margin:0 auto;}
.con_ico{width:10%;padding-right:2%;}
.con_info{width:90%;letter-spacing:1px;line-height:34px;padding:5px 0;}
.con_black_title{background-color:#000;text-align:center;color:#fff;padding:2px 0;letter-spacing:2px;margin-bottom:10px;}
.fa-2x{font-size:1.8em !important;margin-right:-6px;}
.APPROVED{display:none;}
.APPROVED_mob{display:block;}
.slider4_mob{display:none;}
.footer_box{max-width:1600px;papadding:20px;margin:0 auto;line-height:24px;padding:15px 10px 0 10px;}
.mobfooter_logo{width:60%;margin-top:3%;margin-bottom:0%;}
.mobile_header_div img{max-width:220px;}
.mobile_footer{width:100%;min-height:220px;background-color:#131313;color:#fff;display:block;letter-spacing:1px;border-bottom:10px solid #000;}	
.profile_txt{max-width:400px;font-size:.9em;line-height:24px;margin-bottom:5px;margin-top:-20px;}
}
@media screen and (max-width:412px){.index_adviframe{width:412px;height:140px;}}
@media screen and (max-width:385px){
.qa_box{max-width:98%;margin:0 auto;background-color:#fff;font-size:.6em;line-height:14px;letter-spacing:-1px;}
.qa_01{position:absolute;top:32%;left:24%;max-width:77%;}
.qa_02{position:absolute;top:4%;left:1%;max-width:78%;}
.qa_03{position:absolute;top:22%;left:24%;max-width:77%;}
.qa_04{position:absolute;top:12%;left:1%;max-width:76%;}
.qa_05{position:absolute;top:12%;left:24%;max-width:77%;}	
.qa_Left{width:70%;float:left;text-align:center;}
.qa_Left img{margin-left:20%;}
.qa_Right{width:94%;float:left;padding:5% 3%;line-height:24px;line-height:24px;}
.APPROVED{display:none;}
.APPROVED_mob{display:block;}
.slider4_mob{display:none;}
.footer_box{max-width:1600px;papadding:20px;margin:0 auto;line-height:24px;padding:15px 10px 0 10px;}
.mobfooter_logo{width:60%;margin-top:3%;margin-bottom:0%;}
.mobile_footer{width:100%;min-height:220px;background-color:#131313;color:#fff;display:block;letter-spacing:1px;border-bottom:10px solid #000;}	
.mobile_header{display:none;height:55px;padding-top:1%;}
.dropbtn{background-color:#111;color:white;padding:14px;font-size:.85em;border:none;cursor:pointer;}
.mobile_header_div img {max-width:210px;}
.p_box{background-color:#333;color:#fff;float:left;text-align:center;width:100%;height:50vw;}
}
@media screen and (max-width:376px){
.ppage_background{background-image:url(images/ppage_bg5.png);background-repeat:repeat-x;}
.li_parallelogram{margin-left:24% !important;}
.top ul{left:46%;}
.lightbox_div{width:140px;height:140px;}
.top ul li img{width:140px;height:140px;}
.top ul li{margin:2px;}	

.qa_box{max-width:98%;margin:0 auto;background-color:#fff;font-size:.6em;line-height:14px;letter-spacing:-1px;}
.qa_01{position:absolute;top:32%;left:24%;max-width:77%;}
.qa_02{position:absolute;top:4%;left:1%;max-width:78%;}
.qa_03{position:absolute;top:22%;left:24%;max-width:77%;}
.qa_04{position:absolute;top:12%;left:1%;max-width:76%;}
.qa_05{position:absolute;top:12%;left:24%;max-width:77%;}	
.qa_Left{width:70%;float:left;text-align:center;}
.qa_Left img{margin-left:20%;}
.qa_Right{width:94%;float:left;padding:5% 3%;line-height:24px;line-height:24px;}
.APPROVED{display:none;}
.APPROVED_mob{display:block;}
.slider4_mob{display:none;}
.footer_box{max-width:1600px;papadding:20px;margin:0 auto;line-height:24px;padding:15px 10px 0 10px;}
.mobfooter_logo{width:60%;margin-top:3%;margin-bottom:0%;}
.mobile_footer{width:100%;min-height:220px;background-color:#131313;color:#fff;display:block;letter-spacing:1px;border-bottom:10px solid #000;}	
.mobile_header{display:none;height:60px;padding-top:2%;}
.profile_title{font-size:1.3em;}
}
@media screen and (max-width:361px){
.li_parallelogram{margin-left:22% !important;}
.info_table td{padding:5px 10px;background-color:#ddd;}
.ppage_background{background-image:url(images/ppage_bg3.png);background-repeat:repeat-x;}
.info_kg{color:#000;margin-top:35px;line-height:38px;margin-bottom:20px;font-size:1em;}
.top ul{left:46%;}
.lightbox_div{width:130px;height:130px;}
.top ul li img{width:130px;height:130px;}
.top ul li{margin:3px;}
.index_adviframe{width:360px;height:120px;}
.p_box{background-color:#333;color:#fff;float:left;text-align:center;width:100%;height:53vw;}

.qa_box{max-width:98%;margin:0 auto;background-color:#fff;font-size:.6em;line-height:12px;letter-spacing:-1px;}
.qa_01{position:absolute;top:32%;left:24%;max-width:77%;}
.qa_02{position:absolute;top:4%;left:1%;max-width:78%;}
.qa_03{position:absolute;top:22%;left:24%;max-width:77%;}
.qa_04{position:absolute;top:12%;left:1%;max-width:76%;}
.qa_05{position:absolute;top:12%;left:24%;max-width:77%;}
.mobile_footer{width:100%;min-height:200px;background-color:#131313;color:#fff;display:block;letter-spacing:1px;border-bottom:10px solid #000;}
.mobile_header_div img{max-width:200px;}
.dropbtn{background-color:#111;color:white;padding:11px;font-size:.9em;border:none;cursor:pointer;}
.mobile_header{display:none;height:55px;padding-top:2%;}
.footer_cr{color:#fff;text-align:center;line-height:18px;padding-bottom:10px;padding-top:0px;font-size:.8em;}
.fa-2x{font-size:1.7em !important;margin-right:-6px;}
.footer_d div{color:#999;line-height:18px;height:22px;font-size:.91em;}
}
@media screen and (max-width:321px){
.li_parallelogram{margin-left:19% !important;}
.ppage_background{background-image:url(images/ppage_bg7.png);background-repeat:repeat-x;}
.top ul{left:46.5%;}
.lightbox_div{width:110px;height:110px;}
.top ul li img{width:110px;height:110px;}
.top ul li{margin:2px;}
.container2 h2 {text-align:left;font-size:1em;}
/*.mobile_header{height:65px !important;}*/
.mobile_header img{width:180px !important;}
.dropbtn {background-color:#000;color:white;padding:10px !important;font-size:.1em;border:none;cursor:pointer;margin-top:10px !important;margin-bottom:8px;}
.index_adviframe{width:320px;height:120px;}
.p_box{background-color:#333;color:#fff;float:left;text-align:center;width:100%;height:60vw;}

.qa_box{max-width:98%;margin:0 auto;background-color:#fff;font-size:.5em;line-height:12px;letter-spacing:-1px;}
.qa_01{position:absolute;top:32%;left:24%;max-width:77%;}
.qa_02{position:absolute;top:4%;left:1%;max-width:95%;}
.qa_03{position:absolute;top:14%;left:24%;max-width:77%;}
.qa_04{position:absolute;top:12%;left:1%;max-width:76%;}
.qa_05{position:absolute;top:12%;left:24%;max-width:77%;}
.mobfooter_logo{width:75%;margin-top:3%;margin-bottom:0%;}
.mobile_header{display:none;height:50px; padding-top:2%;}
.footer_cr{color:#fff;text-align:center;line-height:18px;padding-bottom:10px;padding-top:0px;font-size:.8em;}
.mobile_header_div img{width:250px !important;}
.con_black_titles{background-color:#000;text-align:center;color:#fff;padding:2px 0;letter-spacing:2px;font-size:.8em;margin-bottom:10px;}
.con_info{font-size:.8em;}
}