@charset "UTF-8";
@import url(bootstrap.min.css);
@import url(font-awesome.min.css);
/*!
 * Cloudesign Web Design Studio (http://www.cloudxdesign.com/)
 * Copyright 2015.
 * mail: cloudxdesign@gmail.com
 */
/* base color setting */
/* $minor-color: #2e2e2e */
/* $third-color: #f8f8f8 */
/* base font color setting */
/* line 19, ../sass/myp.sass */
body {
  margin: 0;
  padding: 0;
  -webkit-font-smoothing: antialiased;
  font-family: "Microsoft JhengHei", "微軟正黑體", Arial, sans-serif !important;
  background-image: url(../images/bg.jpg);
}

/* line 25, ../sass/myp.sass */
ul, li {
  list-style-type: none;
}

/* line 27, ../sass/myp.sass */
ul.number li {
  list-style-type: decimal;
}

/* line 29, ../sass/myp.sass */
.wrapper {
  text-align: center;
  margin: 0 auto;
  width: 1220px;
}

/* line 33, ../sass/myp.sass */
.margin_left {
  margin-left: 100px;
}

/* line 35, ../sass/myp.sass */
.margin_top_bottom {
  margin: 50px 0;
}

/* line 37, ../sass/myp.sass */
.link {
  cursor: pointer;
}

/* line 40, ../sass/myp.sass */
a, a:focus, a:empty {
  outline: none;
}

/* line 42, ../sass/myp.sass */
a:hover {
  color: #000;
  text-shadow: transparent 0 0 0px;
}

/* line 45, ../sass/myp.sass */
.ekko-lightbox-nav-overlay a:hover {
  color: #000;
}

/* line 48, ../sass/myp.sass */
#header {
  width: 100%;
  background-image: url(../images/header_bg.jpg);
  height: 65px;
  border-bottom: 1px solid #333333;
  box-shadow: 0 2px 5px black;
}

/* line 54, ../sass/myp.sass */
.logo_bg {
  background: url(../images/logo_bg.png) no-repeat;
  height: 65px;
  border-bottom: 1px solid #333333;
}

/* line 60, ../sass/myp.sass */
.logo_bar .logo img {
  width: auto;
  height: 45px;
  margin-top: 10px;
  margin-right: 10px;
}
/* line 65, ../sass/myp.sass */
.logo_bar .logo span {
  font-size: 40px;
  color: #ffffff;
  line-height: 65px;
}

/* line 69, ../sass/myp.sass */
.menu {
  height: 45px;
  padding: 10px 0;
}
/* line 72, ../sass/myp.sass */
.menu ul > li {
  padding: 0 15px;
}
/* line 74, ../sass/myp.sass */
.menu ul > li a {
  color: #ffffff;
  line-height: 45px;
  text-decoration: none;
  font-size: 17px;
  display: block;
}
/* line 80, ../sass/myp.sass */
.menu ul > li:hover {
  -moz-box-shadow: black 2px 2px 10px, #2a313a 0 -3px 0px inset;
  -webkit-box-shadow: black 2px 2px 10px, #2a313a 0 -3px 0px inset;
  box-shadow: black 2px 2px 10px, #2a313a 0 -3px 0px inset;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  background-image: url(../images/menu_bg.jpg);
}
/* line 84, ../sass/myp.sass */
.menu ul > li:hover > a {
  color: #000000;
  text-shadow: 1px 1px 0px white;
}
/* line 88, ../sass/myp.sass */
.menu ul > li:last-child a {
  font-size: 20px;
}
/* line 90, ../sass/myp.sass */
.menu ul > li:last-child:hover {
  -moz-box-shadow: transparent 2px 2px 10px, rgba(42, 49, 58, 0) 0 -3px 0px inset;
  -webkit-box-shadow: transparent 2px 2px 10px, rgba(42, 49, 58, 0) 0 -3px 0px inset;
  box-shadow: transparent 2px 2px 10px, rgba(42, 49, 58, 0) 0 -3px 0px inset;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  background-image: none;
}
/* line 94, ../sass/myp.sass */
.menu ul > li:last-child:hover > a {
  color: #ffffff;
  text-shadow: 1px 1px 0px white;
}
/* line 97, ../sass/myp.sass */
.menu ul > li.down {
  position: relative;
}
/* line 99, ../sass/myp.sass */
.menu ul > li.down ul.s_menu {
  display: none;
  position: absolute;
  left: 0;
  top: 45px;
  width: 180px;
  background-color: #000000;
  padding: 0;
  z-index: 999999999 !important;
  -moz-box-shadow: black 0px 0px 10px;
  -webkit-box-shadow: black 0px 0px 10px;
  box-shadow: black 0px 0px 10px;
}
/* line 109, ../sass/myp.sass */
.menu ul > li.down ul.s_menu li {
  width: 100%;
  text-align: left;
  border-bottom: 1px dashed #333333;
}
/* line 113, ../sass/myp.sass */
.menu ul > li.down ul.s_menu li:last-child {
  border-bottom: none;
}
/* line 116, ../sass/myp.sass */
.menu ul > li.down:hover ul.s_menu {
  display: block;
}
/* line 118, ../sass/myp.sass */
.menu ul > li.down:hover ul.s_menu li {
  background-image: none;
  -moz-box-shadow: transparent 2px 2px 10px, rgba(42, 49, 58, 0) 0 -3px 0px inset;
  -webkit-box-shadow: transparent 2px 2px 10px, rgba(42, 49, 58, 0) 0 -3px 0px inset;
  box-shadow: transparent 2px 2px 10px, rgba(42, 49, 58, 0) 0 -3px 0px inset;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  height: 45px;
  padding: 0;
}
/* line 124, ../sass/myp.sass */
.menu ul > li.down:hover ul.s_menu li a {
  color: #ffffff;
  font-size: 16px;
  display: inline-block;
  clear: both;
  width: 100%;
  padding: 0 15px;
}
/* line 131, ../sass/myp.sass */
.menu ul > li.down:hover ul.s_menu li a i {
  font-size: 8px;
  display: none;
  float: left;
  line-height: 45px;
  margin-right: 10px;
}
/* line 137, ../sass/myp.sass */
.menu ul > li.down:hover ul.s_menu li a span {
  float: left;
}
/* line 139, ../sass/myp.sass */
.menu ul > li.down:hover ul.s_menu li a:hover {
  text-shadow: 0px 0px 5px white;
}
/* line 141, ../sass/myp.sass */
.menu ul > li.down:hover ul.s_menu li a:hover i {
  display: block;
  text-shadow: 0px 0px 5px white;
}

/* line 145, ../sass/myp.sass */
.carousel_bg {
  margin-top: 30px;
  padding: 10px;
  overflow: hidden;
  background: url(../images/hero_bg.png) no-repeat;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
}
/* line 151, ../sass/myp.sass */
.carousel_bg img {
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
}

/* line 153, ../sass/myp.sass */
.carousel-inner {
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  overflow: hidden;
}
/* line 156, ../sass/myp.sass */
.carousel-inner img {
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
}

/* line 158, ../sass/myp.sass */
.carousel-control.left, .carousel-control.right {
  background-color: #e8f6fd;
  width: 110px;
  height: 110px;
  margin-top: 145px;
  background-repeat: repeat;
  opacity: 1;
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
/* line 166, ../sass/myp.sass */
.carousel-control.left span, .carousel-control.right span {
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  position: relative;
  opacity: 0.8;
  color: #333;
  text-shadow: 1px 1px 3px transparent;
}
/* line 173, ../sass/myp.sass */
.carousel-control.left:hover span, .carousel-control.right:hover span {
  opacity: 1;
  text-shadow: 1px 1px 3px transparent;
}

/* line 177, ../sass/myp.sass */
.carousel-control.left span {
  top: 11px;
  left: 25px;
}

/* line 181, ../sass/myp.sass */
.carousel-control.right span {
  top: 58px;
  left: -24px;
}

/* line 184, ../sass/myp.sass */
.carousel-control.left {
  left: -53px;
}

/* line 186, ../sass/myp.sass */
.carousel-control.right {
  right: -56px;
}

/* line 188, ../sass/myp.sass */
.sr-only {
  display: none;
}

/* line 190, ../sass/myp.sass */
.carousel-indicators li {
  background-color: #ffffff;
  margin: 5px;
}
/* line 193, ../sass/myp.sass */
.carousel-indicators li.active {
  margin: 5px;
  background-color: #333333;
  border: 3px solid #ffffff;
}

/* line 198, ../sass/myp.sass */
#main_contact {
  padding-top: 50px;
  background: url(../images/main_contact_bg.png) center no-repeat;
  width: 100%;
  height: 355px;
}
/* line 203, ../sass/myp.sass */
#main_contact h1 {
  font-weight: bold;
  font-size: 50px;
}
/* line 206, ../sass/myp.sass */
#main_contact h1, #main_contact h4 {
  color: #ffffff;
  line-height: 1.8;
  text-shadow: 2px 2px 4px black;
}
/* line 212, ../sass/myp.sass */
#main_contact a:hover img {
  -moz-transform: translate(2px, 2px);
  -ms-transform: translate(2px, 2px);
  -webkit-transform: translate(2px, 2px);
  transform: translate(2px, 2px);
}

/* line 215, ../sass/myp.sass */
.product_bg_main {
  background: url(../images/index_03.png) center no-repeat;
  width: 100%;
  height: 610px;
}
/* line 219, ../sass/myp.sass */
.product_bg_main .product_pic {
  margin: 105px 0 0 158px;
}
/* line 221, ../sass/myp.sass */
.product_bg_main .product_info {
  margin: 169px 0 0 40px;
  text-align: left;
  color: #ffffff;
}
/* line 225, ../sass/myp.sass */
.product_bg_main .product_info .title {
  font-size: 34px;
  text-shadow: 2px 2px 4px black;
}
/* line 228, ../sass/myp.sass */
.product_bg_main .product_info .content {
  font-size: 14px;
  line-height: 2.4;
  padding-top: 20px;
  text-shadow: 2px 2px 4px black;
}
/* line 233, ../sass/myp.sass */
.product_bg_main .product_info .button {
  padding-top: 50px;
}
/* line 237, ../sass/myp.sass */
.product_bg_main .product_info .button a:hover img {
  -moz-transform: translate(2px, 2px);
  -ms-transform: translate(2px, 2px);
  -webkit-transform: translate(2px, 2px);
  transform: translate(2px, 2px);
}

/* line 239, ../sass/myp.sass */
.product_bg_secend {
  background: url(../images/index_05.png) center no-repeat;
  width: 100%;
  height: 547px;
}
/* line 243, ../sass/myp.sass */
.product_bg_secend .product_pic {
  margin: 57px 76px 0 0;
}
/* line 245, ../sass/myp.sass */
.product_bg_secend .product_info {
  margin: 140px 0 0 190px;
  text-align: left;
  color: #ffffff;
}
/* line 249, ../sass/myp.sass */
.product_bg_secend .product_info .title {
  font-size: 34px;
  text-shadow: 2px 2px 4px black;
}
/* line 252, ../sass/myp.sass */
.product_bg_secend .product_info .content {
  font-size: 14px;
  line-height: 2.4;
  padding-top: 20px;
  text-shadow: 2px 2px 4px black;
}
/* line 257, ../sass/myp.sass */
.product_bg_secend .product_info .button {
  padding-top: 50px;
}
/* line 261, ../sass/myp.sass */
.product_bg_secend .product_info .button a:hover img {
  -moz-transform: translate(2px, 2px);
  -ms-transform: translate(2px, 2px);
  -webkit-transform: translate(2px, 2px);
  transform: translate(2px, 2px);
}

/* line 264, ../sass/myp.sass */
.footer {
  background-color: #000000;
  height: 70px;
  width: 100%;
}
/* line 268, ../sass/myp.sass */
.footer .info_box {
  color: #ffffff;
  padding-top: 20px;
  font-size: 12px;
}
/* line 272, ../sass/myp.sass */
.footer .info_box .information {
  text-align: right;
}

/* line 275, ../sass/myp.sass */
#head_contact {
  padding-top: 1px;
  background: url(../images/main_contact_bg.png) center no-repeat;
  width: 100%;
  height: 200px;
}
/* line 280, ../sass/myp.sass */
#head_contact h2 {
  font-weight: bold;
  font-size: 50px;
  margin-top: 0;
}
/* line 284, ../sass/myp.sass */
#head_contact h2, #head_contact h5 {
  color: #ffffff;
  line-height: 1.8;
  text-shadow: 2px 2px 4px black;
}

/* line 299, ../sass/myp.sass */
.main {
  background: url(../images/line.png) repeat-x;
  width: 100%;
  min-height: 300px;
}
/* line 304, ../sass/myp.sass */
.main .menu_left .menu_top {
  background-image: url(../images/left_top.png);
  height: 34px;
  width: 370px;
}
/* line 308, ../sass/myp.sass */
.main .menu_left .menu_bottom {
  background-image: url(../images/left_bottom.png);
  height: 85px;
  width: 370px;
}
/* line 312, ../sass/myp.sass */
.main .menu_left .menu_navigation {
  background-color: #000000;
  width: 260px;
  height: 35px;
  margin-left: 53px;
}
/* line 317, ../sass/myp.sass */
.main .menu_left .menu_box {
  background-image: url(../images/rebel.png);
  width: 260px;
  margin-left: 53px;
  text-align: left;
  padding: 5px 0 18px 0;
  -moz-box-shadow: black 0px 0px 5px;
  -webkit-box-shadow: black 0px 0px 5px;
  box-shadow: black 0px 0px 5px;
}
/* line 324, ../sass/myp.sass */
.main .menu_left .menu_box ul {
  padding-left: 15px;
}
/* line 326, ../sass/myp.sass */
.main .menu_left .menu_box ul li {
  padding-left: 15px;
  width: 230px;
}
/* line 329, ../sass/myp.sass */
.main .menu_left .menu_box ul li.a {
  margin: 5px 0;
}
/* line 331, ../sass/myp.sass */
.main .menu_left .menu_box ul li.b {
  line-height: 45px;
  color: #fff;
  text-decoration: none;
  line-height: 45px;
  /* cursor: pointer */
}
/* line 337, ../sass/myp.sass */
.main .menu_left .menu_box ul li.a, .main .menu_left .menu_box ul li.b {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuMCIgeDI9IjEuMCIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI1MjUyNSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzBmMGYwZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 0% 0%, 100% 100%, color-stop(0%, #252525), color-stop(100%, #0f0f0f));
  background-image: -moz-linear-gradient(top, #252525, #0f0f0f);
  background-image: -webkit-linear-gradient(top, #252525, #0f0f0f);
  background-image: linear-gradient(to bottom right, #252525, #0f0f0f);
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  border: 3px solid #030303;
  -moz-box-shadow: black 0px 0px 3px;
  -webkit-box-shadow: black 0px 0px 3px;
  box-shadow: black 0px 0px 3px;
  height: 55px;
}
/* line 339, ../sass/myp.sass */
.main .menu_left .menu_box ul li.a span, .main .menu_left .menu_box ul li.b span {
  display: none;
}
/* line 341, ../sass/myp.sass */
.main .menu_left .menu_box ul li.a a, .main .menu_left .menu_box ul li.b a {
  line-height: 45px;
  color: #fff;
  text-decoration: none;
  display: block;
  width: 100%;
}
/* line 347, ../sass/myp.sass */
.main .menu_left .menu_box ul li.a a:hover, .main .menu_left .menu_box ul li.b a:hover {
  text-shadow: #00b8ff 0px 0px 5px;
  color: #e2f7ff;
  -moz-transform: translate(5px, 0);
  -ms-transform: translate(5px, 0);
  -webkit-transform: translate(5px, 0);
  transform: translate(5px, 0);
}
/* line 350, ../sass/myp.sass */
.main .menu_left .menu_box ul li.a:hover span, .main .menu_left .menu_box ul li.b:hover span {
  display: inline-block;
  font-size: 12px;
  padding-left: 5px;
}
/* line 354, ../sass/myp.sass */
.main .menu_left .menu_box ul li.active {
  text-shadow: #00b8ff 0px 0px 5px;
  color: #e2f7ff;
}
/* line 357, ../sass/myp.sass */
.main .menu_left .menu_box ul li.active span {
  display: inline-block;
  font-size: 12px;
  padding-left: 5px;
}
/* line 361, ../sass/myp.sass */
.main .menu_left .menu_box ul li.left_s_menu {
  background-color: #000000;
  margin-top: 1px;
  padding: 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  display: none;
}
/* line 367, ../sass/myp.sass */
.main .menu_left .menu_box ul li.left_s_menu ul {
  padding: 0;
}
/* line 369, ../sass/myp.sass */
.main .menu_left .menu_box ul li.left_s_menu ul li {
  height: 40px;
  border-bottom: 1px dashed #333;
}
/* line 372, ../sass/myp.sass */
.main .menu_left .menu_box ul li.left_s_menu ul li:last-child {
  border: none;
}
/* line 374, ../sass/myp.sass */
.main .menu_left .menu_box ul li.left_s_menu ul li a {
  line-height: 40px;
  color: #ffffff;
  text-decoration: none;
  display: block;
  width: 100%;
}
/* line 380, ../sass/myp.sass */
.main .menu_left .menu_box ul li.left_s_menu ul li a i {
  font-size: 10px;
  margin-right: 10px;
  display: none;
}
/* line 384, ../sass/myp.sass */
.main .menu_left .menu_box ul li.left_s_menu ul li a:hover {
  text-shadow: 0 0 3px white;
}
/* line 386, ../sass/myp.sass */
.main .menu_left .menu_box ul li.left_s_menu ul li a:hover i {
  display: inline-block;
}
/* line 388, ../sass/myp.sass */
.main .menu_left .menu_box ul li.left_s_menu.current {
  display: block;
}

/* line 390, ../sass/myp.sass */
.main_content {
  margin-top: 30px;
  line-height: 2;
  color: #ffffff;
}
/* line 394, ../sass/myp.sass */
.main_content .profolio_content {
  margin-top: 30px;
  width: 800px;
  text-align: left;
}
/* line 398, ../sass/myp.sass */
.main_content .profolio_content td {
  padding: 0 15px;
}
/* line 400, ../sass/myp.sass */
.main_content .about_content {
  margin-top: 100px;
  margin-left: 50px;
}
/* line 403, ../sass/myp.sass */
.main_content .contact_content {
  margin-left: 50px;
  margin-top: 50px;
}
/* line 406, ../sass/myp.sass */
.main_content .contact_content form {
  width: 600px;
}
/* line 409, ../sass/myp.sass */
.main_content .contact_content form .form-group input[type="text"], .main_content .contact_content form .form-group input[type="email"] {
  width: 70%;
  height: 34px;
}
/* line 412, ../sass/myp.sass */
.main_content .contact_content form .form-group label {
  font-weight: normal;
  margin-right: 15px;
  width: 80px;
  text-align: justify;
  line-height: 34px;
}
/* line 418, ../sass/myp.sass */
.main_content .contact_content form .alert {
  background-color: #ffffff;
  border: 1px solid rgba(233, 0, 31, 0.6);
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  margin: 0 85px 19px 94px;
  padding: 0 15px;
  text-align: left;
  color: #df001f;
  -moz-box-shadow: 0 0 5px #e9001f;
  -webkit-box-shadow: 0 0 5px #e9001f;
  box-shadow: 0 0 5px #e9001f;
  display: none;
  height: 34px;
  line-height: 34px;
}
/* line 430, ../sass/myp.sass */
.main_content .contact_content form .alert.active {
  display: block;
}
/* line 432, ../sass/myp.sass */
.main_content .contact_content form .alert i {
  color: #df001f;
  margin-right: 10px;
}
/* line 435, ../sass/myp.sass */
.main_content .tech_content {
  margin: 50px 20px;
  width: 800px;
}
/* line 438, ../sass/myp.sass */
.main_content .tech_content ul {
  padding: 0;
}
/* line 440, ../sass/myp.sass */
.main_content .tech_content ul li {
  height: 130px;
}
/* line 442, ../sass/myp.sass */
.main_content .tech_content ul li.technology_box {
  text-align: left;
  margin-bottom: 20px;
}
/* line 445, ../sass/myp.sass */
.main_content .tech_content ul li.technology_box .technology_title {
  color: #df001f;
  font-size: 17px;
}
/* line 448, ../sass/myp.sass */
.main_content .tech_content ul li.technology_box .technology_info {
  color: #fff;
}
/* line 450, ../sass/myp.sass */
.main_content .tech_content ul li.technology_box .technology_info a {
  color: #fff;
  text-decoration: none;
}
/* line 453, ../sass/myp.sass */
.main_content .tech_content ul li.technology_box .technology_info a:hover {
  text-shadow: white 0 0 3px;
}
/* line 455, ../sass/myp.sass */
.main_content .tech_content ul li.technology_box .technology_content {
  color: #fff;
  margin: 20px 40px 20px 0;
}
/* line 458, ../sass/myp.sass */
.main_content .tech_content ul li.technology_box .red {
  color: #e9001f;
}
/* line 460, ../sass/myp.sass */
.main_content .tech_content ul li:hover {
  background-image: url(../images/support_list_bg);
}
/* line 462, ../sass/myp.sass */
.main_content .tech_content .technology_box {
  text-align: left;
  margin-bottom: 20px;
}
/* line 465, ../sass/myp.sass */
.main_content .tech_content .technology_box .technology_title {
  color: #df001f;
  font-size: 17px;
}
/* line 468, ../sass/myp.sass */
.main_content .tech_content .technology_box .technology_info {
  color: #fff;
}
/* line 470, ../sass/myp.sass */
.main_content .tech_content .technology_box .technology_info a {
  color: #fff;
  text-decoration: none;
}
/* line 473, ../sass/myp.sass */
.main_content .tech_content .technology_box .technology_info a:hover {
  text-shadow: white 0 0 3px;
}
/* line 475, ../sass/myp.sass */
.main_content .tech_content .technology_box .technology_content {
  color: #fff;
  margin: 20px 40px 20px 0;
}
/* line 478, ../sass/myp.sass */
.main_content .tech_content .technology_box .red {
  color: #e9001f;
}
/* line 480, ../sass/myp.sass */
.main_content .tech_content .back {
  margin-bottom: 20px;
}
/* line 482, ../sass/myp.sass */
.main_content .tech_content .back .btn-primary {
  background-image: url(../images/menu_bg.jpg);
  border: 0;
}
/* line 485, ../sass/myp.sass */
.main_content .tech_content .back a {
  color: #000000;
  text-shadow: 1px 1px 0px white;
}
/* line 488, ../sass/myp.sass */
.main_content .tech_content .back a:hover {
  -moz-transform: translate(2px, 2px);
  -ms-transform: translate(2px, 2px);
  -webkit-transform: translate(2px, 2px);
  transform: translate(2px, 2px);
}

/* line 490, ../sass/myp.sass */
.ok {
  display: none;
}
/* line 492, ../sass/myp.sass */
.ok.active {
  display: block;
}

/* line 497, ../sass/myp.sass */
.squaredFour {
  width: 20px;
  position: relative;
  margin: 10px auto;
}
/* line 501, ../sass/myp.sass */
.squaredFour label {
  width: 20px;
  height: 20px;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  background: #fcfff;
  background: linear-gradient(to bottom, #ffffff 0%, #dfe5d7 40%, #b3bead 100%);
  border-radius: 4px;
  -moz-box-shadow: black 0 0 5px, rgba(0, 0, 0, 0.6) 1px 1px 3px inset;
  -webkit-box-shadow: black 0 0 5px, rgba(0, 0, 0, 0.6) 1px 1px 3px inset;
  box-shadow: black 0 0 5px, rgba(0, 0, 0, 0.6) 1px 1px 3px inset;
}
/* line 511, ../sass/myp.sass */
.squaredFour label:after {
  content: "";
  width: 11px;
  height: 9px;
  position: absolute;
  top: 5px;
  left: 5px;
  border: 3px solid #20bece;
  border-top: none;
  border-right: none;
  background: transparent;
  opacity: 0;
  transform: rotate(-45deg);
}
/* line 524, ../sass/myp.sass */
.squaredFour:hover::after {
  opacity: 0.5;
}

/* line 526, ../sass/myp.sass */
input[type="checkbox"] {
  visibility: hidden;
}
/* line 528, ../sass/myp.sass */
input[type="checkbox"]:checked + label:after {
  opacity: 1;
}

/* line 530, ../sass/myp.sass */
.check_item {
  line-height: 40px;
  margin: 0 10px;
}

/* line 534, ../sass/myp.sass */
.upload {
  text-align: left;
  margin-left: 100px;
  margin-top: 10px;
}
/* line 538, ../sass/myp.sass */
.upload .fileUpload {
  z-index: 99;
  overflow: hidden;
  margin: 0 10px 10px 0;
}
/* line 542, ../sass/myp.sass */
.upload .fileUpload input.upload {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  font-size: 20px;
  cursor: pointer;
  opacity: 0;
  filter: alpha(opacity=0);
}
/* line 552, ../sass/myp.sass */
.upload .btn {
  background-image: url(../images/menu_bg.jpg);
  color: #333;
  text-shadow: white 1px 1px 0px;
  border: 1px solid #999;
  position: relative;
  z-index: 99;
}
/* line 559, ../sass/myp.sass */
.upload input[disabled] {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  width: 350px;
  color: #333;
  padding-left: 95px;
  z-index: 1;
  position: relative;
  left: -95px;
  top: -3px;
}

/* line 569, ../sass/myp.sass */
.product_content {
  margin-top: 30px;
  width: 850px;
  text-align: left;
}
/* line 573, ../sass/myp.sass */
.product_content .product_title {
  color: #e9001f;
  font-size: 20px;
  text-align: left;
  margin-bottom: 20px;
}
/* line 578, ../sass/myp.sass */
.product_content .product_box {
  display: inline-block;
}
/* line 580, ../sass/myp.sass */
.product_content .product_box .product_img {
  width: 200px;
  height: 194px;
  background-color: #fff;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: black 0 0 3px;
  -webkit-box-shadow: black 0 0 3px;
  box-shadow: black 0 0 3px;
  margin: 4px;
  overflow: hidden;
  position: relative;
}
/* line 589, ../sass/myp.sass */
.product_content .product_box .product_img img {
  width: 100%;
  height: auto;
  z-index: 1;
  position: absolute;
}
/* line 594, ../sass/myp.sass */
.product_content .product_box .product_img:after {
  z-index: 999999;
  content: "";
  display: block;
  position: absolute;
  width: 200px;
  height: 194px;
}
/* line 601, ../sass/myp.sass */
.product_content .product_box .product_img:before {
  background-color: rgba(115, 115, 115, 0.1);
  z-index: 9999;
  content: "";
  display: block;
  position: absolute;
  width: 800px;
  height: 800px;
  -moz-border-radius: 600px;
  -webkit-border-radius: 600px;
  border-radius: 600px;
  left: -31px;
  top: -28px;
}
/* line 612, ../sass/myp.sass */
.product_content .product_box .product_img:hover {
  -moz-transform: translate(0, -10px);
  -ms-transform: translate(0, -10px);
  -webkit-transform: translate(0, -10px);
  transform: translate(0, -10px);
  -moz-box-shadow: black 0 10px 5px;
  -webkit-box-shadow: black 0 10px 5px;
  box-shadow: black 0 10px 5px;
}
/* line 615, ../sass/myp.sass */
.product_content .product_box .product_img:hover:after {
  background-image: url(../images/product_box.png);
  position: absolute;
  z-index: 999999;
  width: 200px;
  height: 194px;
  content: "";
  display: block;
}
/* line 623, ../sass/myp.sass */
.product_content .product_box .product_name {
  font-size: 16px;
  text-align: center;
  margin-bottom: 30px;
}
/* line 628, ../sass/myp.sass */
.product_content .product_box:hover .product_name {
  text-shadow: white 0 0 3px;
}

/* line 631, ../sass/myp.sass */
.product_up {
  position: relative;
}
/* line 633, ../sass/myp.sass */
.product_up .pro_left {
  width: 850px;
  position: absolute;
  left: 0;
}
/* line 637, ../sass/myp.sass */
.product_up .pro_info {
  position: absolute;
  left: 370px;
}
/* line 640, ../sass/myp.sass */
.product_up .pro_info .pro_title {
  font-size: 36px;
  color: #df001f;
}
/* line 643, ../sass/myp.sass */
.product_up .pro_info .slogan {
  font-size: 16px;
  line-height: 2;
  margin-bottom: 80px;
}
/* line 647, ../sass/myp.sass */
.product_up .pro_info .slogan a {
  margin: 0 10px;
  text-decoration: none;
}
/* line 651, ../sass/myp.sass */
.product_up .pro_info .slogan a:hover img {
  -moz-transform: translate(2px, 2px);
  -ms-transform: translate(2px, 2px);
  -webkit-transform: translate(2px, 2px);
  transform: translate(2px, 2px);
}
/* line 656, ../sass/myp.sass */
.product_up .pro_info .file_download a:hover img {
  -moz-transform: translate(2px, 2px);
  -ms-transform: translate(2px, 2px);
  -webkit-transform: translate(2px, 2px);
  transform: translate(2px, 2px);
}

/* line 658, ../sass/myp.sass */
.product_down {
  margin-top: 400px;
}

/* line 661, ../sass/myp.sass */
.showbox {
  width: 350px;
  height: 350px;
  vertical-align: middle;
  overflow: hidden;
  background-color: #ffffff;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}
/* line 668, ../sass/myp.sass */
.showbox i {
  color: #fff;
  width: 30px;
  height: 30px;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  border-radius: 30px;
  position: absolute;
  z-index: 1000 !important;
  text-align: center;
  left: 20px;
  top: 20px;
  background-color: #cccccc;
  padding-top: 8px;
}
/* line 680, ../sass/myp.sass */
.showbox span {
  position: absolute;
  left: 60px;
  top: 20px;
  color: #000;
  z-index: 1000 !important;
}
/* line 687, ../sass/myp.sass */
.showbox a img {
  width: 350px;
  height: auto;
  position: absolute;
  z-index: 1;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}
/* line 693, ../sass/myp.sass */
.showbox a:after {
  background-image: url(../images/pro_box.png);
  z-index: 999;
  width: 350px;
  height: 350px;
  content: " ";
  position: absolute;
}

/* line 700, ../sass/myp.sass */
.abgne-block {
  margin-top: 10px;
  position: absolute;
  left: 370px;
  bottom: 0;
  height: auto;
}
/* line 706, ../sass/myp.sass */
.abgne-block a {
  margin-right: 5px;
  background-color: #ffffff;
  border: 1px solid #ffffff;
  display: inline-block;
}
/* line 711, ../sass/myp.sass */
.abgne-block a img {
  width: 80px;
  height: 80px;
  vertical-align: middle;
}

/* line 717, ../sass/myp.sass */
.nav-tabs > li > a {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjMiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(255, 255, 255, 0.3)), color-stop(100%, rgba(255, 255, 255, 0)));
  background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
  background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
  background-image: linear-gradient(rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
  color: #ffffff;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

/* line 721, ../sass/myp.sass */
.nav-tabs > li > a:focus, .nav-tabs > li > a:hover {
  background-color: #000000;
  border: 1px solid #000000;
}

/* line 724, ../sass/myp.sass */
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
  background-color: #000000;
  border: 1px solid #000000;
  color: #b0c9d9;
  text-shadow: #00b8ff 0 0 5px;
}

/* line 729, ../sass/myp.sass */
.tab-content {
  background-color: #000000;
  padding: 20px;
  min-height: 300px;
  margin-bottom: 50px;
}
/* line 734, ../sass/myp.sass */
.tab-content td {
  padding-left: 15px;
  padding-right: 15px;
}

/* line 737, ../sass/myp.sass */
.nav-tabs {
  border-bottom: 1px solid #000000;
}