.mainbar{
  position: relative;
  width: 100%;
  display: block;
  min-height: 350px;
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
  background-color: #222;
  overflow: hidden;
}
.mainbar .en{
  position: absolute;
  width: 100%;
  bottom: 0;
  right: -0.05em;
  letter-spacing: -0.05em;
  text-align: right;
  line-height: 0.8em;
  font-size: 8em;
  font-weight: 700;
  color: #fff;
  /*-webkit-text-stroke: 1px #ffffff99;
  text-stroke: 1px #ffffff99;*/
  word-break: break-all;
}
/*************************************/
article.main{
  background-color: #fff;
  display: block;
  width: 100%;
}
/*************************************/
/*main_container*/
.main_container{
  display: block;
  width: 100%;
  max-width: 1200px;
  margin:0 auto;
  overflow:hidden;
}
.main_container .left_column{
  float:left;
  width:230px;
}
.main_container .left_column_full{
  float:unset;
  width: 100%;
  display: block;
}
.main_container .left_column>h2{
  font-size:1.4em;
  margin: 0;
  color:#3490cc;
  padding:10px;
  display:block;
}
@media screen and (max-width:1000px) {
  .main_container{
    width:100%;
  }
  .main_container .left_column{
    float:right;
    width:100%;
  }
}
/***/
/*left_menu*/
.left_menu{
  display: block;
  width:100%;
  margin:0 0 30px 0px;
  padding:0 0 0 0;
  border-top:2px solid #222;
}
.left_menu ul{
  display: block;
  width:100%;
  margin:0 0 25px 0;
  padding:0;
}
.left_menu ul li{
  display: block;
  width:100%;
  border-bottom:1px solid #ccc;
}
.left_menu ul li a{
  display:block;
  width:100%;
  font-size:1.1em;
  color:#222;
  padding:10px 0 10px 10px;
}
.left_menu ul li a:hover{
  color:#06F;
}
.left_menu ul .sel a{
  display:block;
  width:100%;
  color:#222;
}
.left_menu ul .sel a:hover{
  color: var(--hover-orange);
}
.left_menu>.goback a{
  width:100%;
  line-height:1.2em;
  font-size:0.8em;
  color:#666;
  margin:5px 0 5px 0;
}
.left_menu ul>ul{
  display:block;
  width:95%;
  margin:0 0 25px 0;
  padding:0;
}
.left_menu ul>ul li{
  display:block;
  width:100%;
  font-size:0.9em;
  border-bottom:none;
  border-bottom:1px dotted #e8e8e8;
}
/*************************************/
.site_navigation{
  clear: both;
  display: block;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  font-size: 0.8em;
  padding: 10px;
  color: #666;
}
.site_navigation .icon_nav{
  display: inline-block;
  width: 16px;
  height: 16px;
  margin:0 2px 0 0;
  position: relative;
  top:3px;
  background: url(../images/icon_nav_home.svg);
  -moz-background-size: cover; -webkit-background-size: cover; -o-background-size: cover; background-size: cover;
}
.site_navigation a{
  color: #222;
}
.site_navigation a::before{
  content: "＞";
  font-size: 0.2em;
}
.site_navigation a:hover{
  color: #ff9900;
}
.site_navigation a.nav_home::before{
  content: "";
}
/*************************************/
/***/
/*HTML_info*/
.HTML_info{
  float:right;
  width:calc(100% - 280px);
  padding:50px 0 20px 0;
  margin:0 0 20px 20px;
  overflow:hidden;
  min-height: 300px;
}
.HTML_info.for_service_option_column_right{
  min-height: unset;
  padding:50px 0 0px 0;
  margin:0 0 0 20px;
}
.HTML_info_full{
  display: block;
  width:100%;
  min-height:300px;
  padding:20px 10px;
  margin:0 0 20px 0;
  overflow:hidden;
}
.anchor{
  clear:both;
  width:100%;
  height:1px;
  position:relative;
  top:-150px;
}
.anchor a{
  display:block;
}
@media screen and (max-width:1000px) {
  .anchor{
    top:-80px;
  }
}
@media screen and (max-width:640px) {
  .anchor{
    top:-60px;
  }
}
.HTML_info h2{
  display: block;
  width:100%;
  color:#0f53a1;
  padding:0 0 0 30px;
  margin:0 0 10px 0;
  font-size:1.3em;
  font-weight: normal;
  background-position: 0 6px;
  background-repeat: no-repeat;
  background-size: 20px;
  background-image: url("../images/icon_maintitle.svg");
}
.HTML_info .info_date{
  display: block;
  width:100%;
  color:#666;
  padding:0 0 0.5em 30px;
  margin:0 0 1.5em 0;
  border-bottom: 1px dashed #ccc;
  font-size:1.1em;
  font-weight: normal;
  background-position: 1px 5px;
  background-repeat: no-repeat;
  background-size: 18px;
  background-image: url("../images/icon_date.svg");
}
.HTML_info .info{
  display: block;
  width:100%;
  line-height:1.5em;
  font-weight: 300;
  font-size: 1.05em;
  word-break:normal;
  padding-bottom: 2em;
  text-align: justify;
}
.HTML_info .info img{
  max-width:100%;
}
.HTML_info .info table{
  width:100% !important;
}
.HTML_info .info table img{
  width:100% !important;
}

.HTML_info .info iframe{
  max-width:640px !important;
  max-height:480px !important;
}
@media screen and (max-width:960px) {
  .HTML_info .info iframe{
    width:100% !important;
    height:480px !important;
  }
}
@media screen and (max-width:800px) {
  .HTML_info .info iframe{
    width:100% !important;
    height:4360px !important;
  }
}
@media screen and (max-width:640px) {
  .HTML_info .info iframe{
    width:100% !important;
    height:360px !important;
  }
}
@media screen and (max-width:480px) {
  .HTML_info .info iframe{
    width:100% !important;
    height:240px !important;
  }
}
@media screen and (max-width:320px) {
  .HTML_info .info iframe{
    width:100% !important;
    height:240px !important;
  }
}
/*************************************/
/*main_service*/
.main_info_column{
  display: block;
  overflow: hidden;
  width: 100%;
  margin:0 0 20px 0px;
}
@media screen and (max-width:1000px) {
  .main_info_column{
    float: unset;
    width: 100%;
    margin: 0;
    display: block;
  }
}
/*SERVICE_FORM*/
.main_contact_column{
  float:left;
  width:700px;
}
#contact_middle{
  width:635px;
  border:dashed 1px #DDD;
  padding:10px;
}
.contact_row{
  float:left;
  width:635px;
  font-size:13px;
  margin:5px 0 5px 0;
  padding:0 0 5px 0;
  line-height:30px;
  border-bottom:solid 1px #DDD;
}
.contact_row_pay{
  float:left;
  background-color:#FAFFEC;
  width:635px;
  font-size:13px;
  margin:0 0 0 0;
  padding:0 0 8px 0;
  line-height:30px;
}
.contact_title{
  float:left;
  width:185px;
  text-align:right;
}
.contact_input{
  float:left;
  width:450px;
  text-align:left;
}
.contact_input input{
  border:dashed 1px #CCC;
  background-color:#FCFCFC;
}
.contact_input select{
  border:solid 1px #CCC;
  background-color:#FCFCFC;
  margin:5px 0 0 2px;
}
.contact_input textarea{
  border:dashed 1px #CCC;
  background-color:#FCFCFC;
}
.contact_button{
  float:left;
  width:635px;
  font-size:13px;
  text-align:center;
  line-height:30px;
  margin:10px 0 0px 0;
  padding:0 0 5px 0;
}

.form_button{
  display:inline-block;
  background-color:#333;
  font-size:16px;
  font-weight:bold;
  color:#ffffff;
  border:none;
  margin:0 8px 0 0;
  padding:10px 20px;
  border-radius:5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
}
.form_button:hover{
  background-color:#ff9900;
  color:#ffffff;
  cursor:pointer;
  position:relative;
  top:2px;
}
.form_button_order{
  display:inline-block;
  background-color:#06C;
  font-size:16px;
  font-weight:bold;
  color:#ffffff;
  border:none;
  margin:0 8px 0 0;
  padding:10px 20px;
  border-radius:5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
}
.form_button_order:hover{
  background-color:#ff9900;
  color:#ffffff;
  cursor:pointer;
  position:relative;
  top:2px;
}
/*service_product*/
.product_box_column{
  float:left;
  width:100%;
  margin:0;
  overflow:hidden;
}
.product_box{
  float:left;
  background-color:#f5f5f5;
  width:180px;
  border:solid 2px #f5f5f5;
  overflow:hidden;
  margin:0 5px 25px 5px;
}
.product_box .pic{
  float:left;
  background-image:url("../images/bg_product_null.jpg");
  width:180px;
  height:135px;
}
.product_box .border{
  position:absolute;
  width:180px;
  height:135px;
  z-index:99;
}
.product_box .border a{
  display:block;
  width:180px;
  height:135px;
}
.product_box .info_column{
  float:left;
  width:170px;
  margin:2px 5px 2px 5px;
}
.product_sn{
  float:left;
  width:100%;
  color:#0099cc;
  font-size:12px;
  border-bottom:solid 1px #CCC;
  padding:2px 0 5px 0;
}
.product_title{
  float:left;
  width:100%;
  color:#333;
  font-size:15px;
  font-family:微軟正黑體,simhei,Arial;
  border-bottom:solid 1px #CCC;
  padding:2px 0 5px 0;
}
.product_title_infostyle{
  float:left;
  width:100%;
  color:#06C;
  font-size:18px;
  font-weight:bold;
  font-family:微軟正黑體,simhei,Arial;
  border-bottom:solid 1px #CCC;
  padding:2px 0 5px 0;
}
.product_price{
  float:left;
  width:60%;
  color:#ff0066;
  font-size:1.2em;
  font-weight:bold;
}
.product_price_symbol{
  font-family:Arial;
  font-size: 0.8em;
}
.product_box .button_column{
  float:right;
  width:60px;
  margin:5px 0 0 0;
}
.product_box .button_column .button{
  float:right;
  display:inline-block;
  background-color:#06C;
  font-size:12px;
  font-family:微軟正黑體,simhei,Arial;
  line-height:20px;
  margin:0;
  padding:0px 6px 0px 6px;
  color:#ffffff;
  border-radius:3px;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
}
.product_box .button_column .button a{
  color:#ffffff;
}
.product_box .button_column .button:hover{
  background:#ff9900;
  position:relative;
  top:2px;
}
@media screen and (max-width:640px) {
  .product_box{
    float:none;
    display:inline-block;
    width:47%;
    margin:0 0.5% 15px 0.5%;
  }
  .product_box{
    width:47%;
  }
  .product_box .pic{
    width:100%;
    height:inherit;
  }
  .product_box .pic img{
    width:100%;
  }
  .product_box .border{
    width:100%;
  }
  .product_box .border a{
    width:100%;
  }
  .product_box .info_column{
    width:94%;
  }
}

/*produce_info*/
.product_info_column_pic{
  float:left;
  width:184px;
  font-size: small;
}
.product_info_column{
  float:right;
  width: calc(100% - 220px);
}
.product_info_column .option_column{
  float:left;
  width:100%;
  border-top:dashed 1px #999;
  margin:10px 0 10px 0;
  padding:10px 0 10px 0;
}
.product_info_column .option_column_title{
  background-image:url("../images/icon_service_list.gif");
  background-repeat:no-repeat;
  background-position:0 7px;
  color:#06C;
  font-size:14px;
  font-weight:bold;
  padding:0 0 3px 10px;
}
.product_detail_column{
  float:left;
  width:600px;
}
@media screen and (max-width:1000px) {
  .product_info_column_pic{
    float:none;
    display:block;
    width:184px;
    margin:0 auto;
    clear:both;
  }
  .product_info_column{
    float:left;
    width:100%;
    padding-bottom: 2em;
  }
  .product_info_column .option_column,
  .product_sn,
  .product_title,
  .product_title_infostyle,
  .product_price{
    width:100%;
    margin:0;
  }
  .product_detail_column{
    float:left;
    width:98%;
  }
}
.related_div,
.field{
  padding:0 0 5px 0;
  margin:0 0 5px 0;
}
.field{
  line-height:30px;
}
/*btn_link*/
.btn_link{
  float:right;
  clear:both;
  width:100%;
  overflow:hidden;
  margin:0 0 20px 0;
  text-align:right;
}
.btn_link a{
  display:inline-block;
  font-size:0.8em;
  margin:0 0 0 0;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;
  padding:9px 18px;
  text-align:left;
  background-color:#06F;
  color:#fff;
  filter: alpha(opacity=100);
  opacity: 1;
  -moz-opacity:1;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -webkit-transition: opacity .2s ease-in;
  -moz-transition: opacity .2s ease-in;
  -o-transition: opacity .2s ease-in;
  -ms-transition: opacity .2s ease-in;
  transition: opacity .2s ease-in;
}
.btn_link a:hover {
  filter: alpha(opacity=70);
  opacity: 0.7;
  -moz-opacity:0.7;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}
/*main-news*/
.main_news{
  display: block;
  width:100%;
  min-height:300px;
  padding:20px 10px;
  margin:0 0 20px 0;
  overflow:hidden;
}
.main_news .list{
  display: inline-block;
  width: 100%;
  vertical-align: top;
}
.main_news .list .box{
  display: block;
  border-bottom: 1px solid #ccc;
  padding: 0.8em 0;
  transition: all 0.3s linear; -webkit-transition: all 0.3s linear;
}
.main_news .list .box a{
  display: -webkit-flex;
  display: flex;
  color: #000;
}
.main_news .list .box .date{
  display: inline-block;
  font-size: 1em;
  letter-spacing: 0em;
  font-family: 'Arial';
  padding: 5px 0;
  color: #666;
  border-radius: 10px;
  letter-spacing: 0.05em;
  white-space: nowrap;
  transition: all 0.3s linear; -webkit-transition: all 0.3s linear;
}
.main_news .list .box:hover{
  background-color: #ccc;
}
.main_news .list .box .title{
  display: inline-block;
  font-size: 1.1em;
  letter-spacing: 0.1em;
  margin: 0 0 0 15px;
  transition: all 0.3s linear; -webkit-transition: all 0.3s linear;
}
/*commend*/
.main_commend_column{
  display: block;
  width:100%;
  min-height:300px;
  padding:20px 10px;
  margin:0 0 20px 0;
  overflow:hidden;
}
.main_commend_column .list{
  display: inline-block;
  width: 100%;
  vertical-align: top;
}
.commend_zone{
  float:right;
  border-bottom:1px dashed #CCCCCC;
  width:97%;
  margin:0 1% 20px 2%;
  padding:0 0 10px 0;
  overflow:hidden;
}
.commend_pic{
  float:left;
  background-color:#EAEAEA;
  width:90px;
  height:90px;
  padding:3px;
  margin:0 0 5px 0;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  overflow:hidden;
}
.commend_pic img{
  width:90px;
  height:90px;
}
.commend_title{
  float:left;
  width:80%;
  color:#06C;
  margin:0 0 5px 1%;
  font-family:微軟正黑體,simhei,Arial;
  font-size:16px;
  font-weight:bold;
}
.commend_txt{
  float:left;
  width:80%;
  margin:0 0 0 1%;
  font-size:0.9em;
  color:#999;
}
@media screen and (max-width:640px) {
  .commend_title,
  .commend_txt{
    width:98%;
    margin:0 0 5px 2%;
  }
}
/*partner*/
#main_partner_column{
  width:660px;
}
.partner_zone{
  float:left;
  background-image:url(images/bg_dashed_line.png);
  background-repeat:repeat-x;
  background-position:bottom;
  width:660px;
  margin:0 0 20px 0;
  padding:0 0 10px 0;
  overflow:hidden;
}
.partner_pic{
  float:left;
  background-color:#EAEAEA;
  width:150px;
  height:90px;
  padding:3px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
.partner_title{
  float:right;
  width:490px;
  color:#06C;
  font-family:微軟正黑體,simhei,Arial;
  font-size:16px;
  font-weight:bold;
}
.partner_txt{
  float:right;
  width:490px;
  color:#999;
}
/*FAQ_CSS*/
.faq {
  width:100%;
}
.faq a:link{
  text-decoration: none;
  color:#666;
}
.faq a:visited{
  text-decoration: none;
  color:#666;
}
.faq a:hover{
  text-decoration: none;
  color:#06F;
}
#faq_all{
  width:100%;
  text-align:right;
  padding:0 0 10px 0;
  margin:30px 0 0 0;
}
#faq_all span{
  position: relative;
  top: -2px;
  display:inline-block;
  font-family:"Courier New", Courier, monospace;
  width:12px;
  height:12px;
  font-size:12px;
  line-height:12px;
  color:#999;
  text-align: center;
  border:solid 1px #999;
  margin:0;
}
.faq ul{
  width:100%;
  list-style: none;
  margin:0 0 30px 0;
  padding:0;
  overflow:hidden;
}
.faq ul.faq_list li {
  float:left;
  width:100%;
  list-style: none;
  margin:0 0 5px 0px;
}
.faq ul.faq_list li .qa_title {
  background-color:#FAFAFA;
  border-bottom:dashed 1px #CCC;
  font-size:1.1em;
  color:#000;
  padding:4px 0 4px 10px;
  cursor: pointer;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
.faq ul.faq_list li .qa_title span{
  float:right;
  background-color:#FFF;
  font-family:"Courier New", Courier, monospace;
  width:12px;
  height:12px;
  font-size:12px;
  line-height:12px;
  color:#999;
  text-align: center;
  border:solid 1px #999;
  margin:3px 10px 0 0;
}
.faq ul.faq_list li .qa_title_on {
  background-color:#C8E7F2;
  border-bottom:dashed 1px #CCC;
}
.faq ul.faq_list li .qa_title_ted {
  background-color:#C8E7F2;
  border:none;
}
.faq ul.faq_list li .qa_content {
  padding:0 0 25px 0;
  margin:15px 0 2px 0;
  font-size:16px;
  color: #333;
  border-bottom:solid 1px #C8E7F2;
}
.faq ul.faq_list li .qa_content_show{
  padding:0 0 25px 20px;
  margin:15px 0 2px 0;
  font-size:16px;
  color: #666;
  border-bottom:solid 1px #C8E7F2;
}
.faq ul.faq_list li .qa_content_show img{
  max-width:100%;
}
/*PAGE*/
.page_container {
  display: block;
  clear: both;
  width: 100%;
  text-align: center;
  margin: 0;
  padding:2em 0
}
#page_block {
  display: inline-block;
  cursor: pointer;
}
.page_block_see {
  display: inline-block;
  color: #fff;
  padding:3px 9px;
  background: var(--hover-orange);
  border-radius:10px;
}
#page_block a {
  color: #999;
  display: inline-block;
  padding:3px 6px;
}
#page_block a:hover {
  color: var(--hover-orange);
}
#page_block .page {
  padding:3px 8px;
  margin: 0 5px;
}
#page_block .page_prev {
  border-right: 1px dotted #ccc;
  padding: 0 25px 0 0;
  margin: 0 20px 0 0 !important
}
#page_block .page_next {
  border-left: 1px dotted #ccc;
  padding: 0 0 0 25px;
  margin: 0 0 0 20px !important
}
select {
  background: url(../images/icon-arrow-dwn.png) center right no-repeat;
  padding: 5px 35px 5px 10px;
  background-color: #eee;
  border-radius: 5px;
  border: #aaa 1px solid;
  color: #444;
  font-family: helvetica, arial, sans-serif;
  font-size: 15px;
  line-height: 20px;
  margin: 10px 0 0 0;
  text-shadow: rgba(255,255,255,.6) 0 1px 0;
  font-family: 微軟正黑體, simhei, Arial;
  -webkit-appearance: none
}
.select2 {
  margin: 10px auto 10px auto
}
select:focus {
  outline: none
}
select[multiple="multiple"] {
  background: #fff
}
select[multiple="multiple"]:active {
  position: static;
  top: 0
}
/*info_option*/
.info_option{
  width:100%;
  font-size:0.9em;
  line-height:2em;
  padding-top: 1em;
  margin:2em auto;
  border-top: 1px dashed #ccc;
}
.info_option a{
  color:#999;
}
.info_option a:hover{
  color:var(--hover-orange);
}
/*cart*/
.my-table {width:100%; min-width: 450px; margin:0 auto;margin-top:4px;font-size:10pt;border:1px solid #8FC4E1;border-collapse: collapse;margin-bottom:6px;}
.my-table td, .my-table th {padding:6px;border:1px solid #8FC4E1;}
.my-table td {text-align:left;vertical-align:top;}
.my-table th {text-align:right;background-color: #E2F5FD;border-bottom:2px solid #fff;font-style: normal;font-weight: normal;color:#69684D;border:1px solid #8FC4E1;}

.my-table2{width:100%;margin:0 auto;margin-top:4px;font-size:10pt;border:1px solid #eee;border-collapse: collapse;margin-bottom:6px;}
.my-table2 td, .my-table2 th {padding:8px;border:1px solid #eee;line-height: 26px;}
.my-table2 td {text-align:left;vertical-align:top;}
.my-table2 th {text-align:right;background-color: #E2F5FD;border-bottom:2px solid #fff;font-style: normal;font-weight: normal;color:#69684D;border:1px solid #8FC4E1;}
/*************************************/
/*service_option*/
#service_option_column{
  width:100%;
  display: grid;
  gap: 2em;
  grid-template-columns: repeat(2,1fr);
  padding: 2em 10px;
  margin-bottom: 4em;
}
#service_option_column._right{
  float: right;
  width: calc(100% - 280px);
  display: grid;
  gap: 2em;
  grid-template-columns: repeat(2,1fr);
  padding: 0;
  margin-bottom: 4em;
}
#service_option_column .service_list{
  position: relative;
  display: block;
  width: 100%;
  border-radius: 10px;
  border: 2px solid #ccc;
  padding: 10px;
}
#service_option_column .service_title{
  width:100%;
  color:#222;
  font-size: 1.6em;
  font-weight: 400;
}
#service_option_column .service_title::after{
  display: block;
  width: 100%;
  content: "";
  background-color: #ececec;
  height: 5px;
  border-radius: 5px;
}
#service_option_column .service_title.info_list{
  width:100%;
  color:#222;
}
#service_option_column .pic{
  display: block;
  width: 100%;
  color: #666;
}
#service_option_column .pic img{
  width: 100%;
  border-radius: 5px;
}
#service_option_column .desc{
  width: 100%;
  display: block;
  color: #666;
  padding: 1em 0 60px 0;
  word-break: break-all;
  word-wrap:break-word;
  text-align: justify;
}
#service_option_column .service_list .column{
  width:100%;
  margin-top: 0.6em;
}
#service_option_column .service_list .column::before{
  content: "Services 》";
  width:100%;
  font-size:8px;
  color: #6CF;
  margin:0 0 2px 0.5%;
  padding:0 8px 0 0px;
}
#service_option_column .service_list .column.info_list::before{
  content: "Introduction 》";
}
#service_option_column .service_list .column.spotlight::before{
  content: "Spotlight 》";
}
#service_option_column .service_list .column.faq::before{
  content: "FAQ 》";
}
#service_option_column .service_list .column ul{
  margin:1em auto;
  padding:0;
  list-style: none;
  display: grid;
  gap: 0 0.5em;
  grid-template-columns: repeat(1,1fr);
  width:100%;
}
#service_option_column .service_list .column ul li{
  display: block;
  width:100%;
  font-size:1em;
  border-bottom:solid 1px #DDD;
}
#service_option_column .service_list .column ul li a{
  display: block;
  padding:8px;
  color: #222;
  transition: background-color 0.3s linear; -webkit-transition: background-color 0.3s linear;
}
#service_option_column .service_list .column ul li a:hover{
  background-color: #ececec;
}
#service_option_column .service_button{
  width:100%;
}
#service_option_column .service_list .service_button .button{
  display:inline-block;
  background-color:var(--hover-orange);
  line-height:20px;
  margin:0;
  padding:6px 12px;
  color:#ffffff;
  border-radius:3px;
  transition: all 0.3s linear; -webkit-transition: all 0.3s linear;
}
#service_option_column .service_list .service_button .button_1{
  display:inline-block;
  background-color:var(--hover-blue);
  margin:0;
  color:#ffffff;
  border-radius:3px;
}
#service_option_column .service_list .service_button .button a{
  color:#ffffff;
  padding:6px 12px;
}
#service_option_column .service_list .service_button .button:hover{
  animation: jump 0.6s;
  -webkit-animation: jump 0.6s;
}
#service_option_column .service_list .service_button .button_full{
  position: absolute;
  bottom: 10px;
  left: 10px;
  display:block;
  margin:0;
  padding: 0;
  width: calc(100% - 20px);
  text-align: center;
  background-color: transparent;
}
#service_option_column .service_list .service_button .button.button_full a{
  border-radius:3px;
  letter-spacing: 1.6em;
  text-indent: 1.6em;
  color:#666;
  background-color: #ececec;
  padding: 0.5em;
  width: 100%;
  display: block;
  transition: all 0.3s linear; -webkit-transition: all 0.3s linear;
}
#service_option_column .service_list .service_button .button.button_full:hover{
  animation: none;
  -webkit-animation: none;
}
#service_option_column .service_list .service_button .button.button_full:hover a{
  background-color: #ddd;
  color: #222;
}
/*************************************/
/*CSS_btn*/
.css_btn_class {
  float:left;
  overflow:hidden;
}
.css_btn_class a{
  display:inline-block;
  font-size:0.8em;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;
  padding:9px 18px;
  text-decoration:none;
  background-color:#ccc;
  color:#fff;
  transition: background 0.2s linear;
  -webkit-transition: background 0.2s linear;
}
.css_btn_class a:hover {
  background-color:#06F;
}
.index_more{
  margin:0 0 0 5px;
}
.publish_column {
  width:100%;
  clear:both;
  margin:0;
  overflow: hidden;
}
/*form*/
.form_column {
  clear: both;
  width: 100%;
  margin: 0 0 10px 0;
}
.form_column .form_border {
  clear: both;
  width: 98%;
  max-width: 100%;
  margin: 0 auto;
  padding: 0 0 5px 0;
  text-align: left;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  overflow: hidden;
}
.form_info {
  float: left;
  font-size:14px;
}
.form_title {
  float: left;
  width: 130px;
  line-height: 40px;
  text-align: left;
}
.form_title_center {
  clear: both;
  width: 94%;
  text-align: center;
  line-height: 30px;
}
.form_title_center2 {
  clear: both;
  width: 94%;
  margin: 0;
  text-align: center;
  font-size: 14px;
  line-height: 20px;
}
.form_dec {
  clear: both;
  overflow: hidden;
  font-size: 13px;
  margin: 0 0 0 80px;
  padding: 0 10px 0 0;
  color: #999;
}
.form_dec_center {
  clear: both;
  width: 98%;
  font-size: 13px;
  margin: 0 auto;
  padding: 0 10px 0 0;
  color: #999;
}
.form_select_center {
  clear: both;
  width: 94%;
  text-align: center;
}
.form_checkurl_btn {
  -webkit-appearance: none;
  display: inline-block;
  font-family: 微軟正黑體, simhei, Arial;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #ccc;
  font-size: 13px;
  line-height: 14px;
  height: 39px;
  background: #F8F8F8;
  color: #666;
  padding: 3px 4px 3px 4px;
  margin: 5px 0 5px 0;
}
.form_checkurl_btn:hover {
  background: #DEDEDE;
}
.form_column .row {
  float: left;
  width: 100%;
  padding: 5px 0 10px 0;
  margin: 0 0 5px 0;
  border-bottom: 1px dashed #CCCCCC;
}
.form_column .row_button {
  float: left;
  width: 100%;
  padding: 0 0 10px 0;
  text-align: center;
}
.form_column .row .link {
  display: block;
  font-size: 18px;
  width: 90%;
  color: #39c;
  margin: 6px 0 0 0;
  padding: 20px;
}
.form_column .row .inputtext {
  margin: 8px 0 0 0;
  padding: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-appearance: none;
  border: 1px solid #666;
  font-size: 1.05em;
  width: 100%;
  max-width: 600px;
}
.form_column .row .row_info {
  margin: 6px 0 0 0;
  padding: 5px;
  text-align: start;
}
.form_column .row .inputtext_long {
  width: 90%;
}
.form_column .row .textarea {
  width: 90%;
  margin: 0 auto;
  padding: 5px;
}
label {
  line-height: 1px;
  vertical-align: text-top;
}
.form_column .row img {
  margin: 6px 0 0 0;
}
.checkbox-inline {
  float: left;
  width: 100%;
}
.input label{
  line-height:40px;
}
/*表單按鈕
.form_button {
  line-height: 40px;
  font-size: 20px;
  font-family: 微軟正黑體, simhei, Arial;
  display: inline-block;
  background-color: #F74A1B;
  width: 98%;
  color: #ffffff;
  border: none;
  margin: 10px auto 0 auto;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-appearance: none;
  cursor: pointer;
}*/
.form_button_2 {
  line-height: 40px;
  font-size: 18px;
  font-family: 微軟正黑體, simhei, Arial;
  display: inline-block;
  background-color: #e8e8e8;
  width: 48.5%;
  color: #666;
  border: none;
  margin: 10px auto 0 auto;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-appearance: none;
  cursor: pointer;
}
.form_button_search {
  clear: both;
  line-height: 40px;
  font-size: 20px;
  font-family: 微軟正黑體, simhei, Arial;
  display: inline-block;
  background-color: #F74A1B;
  width: 95%;
  color: #ffffff;
  border: none;
  margin: 10px auto 30px auto;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-appearance: none;
  cursor: pointer;
}
.form_button_search_store {
  width: 100px;
}
.form_button_addcart {
  background-color: #F03;
}
/*form_option*/
.form_option_column {
  clear: both;
  width: 100%;
  overflow: hidden;
  text-align: center;
  margin: 10px auto 15px auto;
}
.form_option_column a {
  display: inline-block;
  background: #ccc;
  margin: 0 0 4px 0;
  width: 49%;
  padding: 0 0.1% 0 0.1%;
  text-align: center;
  line-height: 50px;
  font-size: 16px;
  color: #333;
  height: 50px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.form_option_column a:hover {
  background: #999;
  color: #FFF;
}
.form_option_column img.icon {
  padding: 10px 5px 0 0;
  vertical-align: text-bottom;
  width: 22px;
}
.form_option_column2 {
  clear: both;
  width: 100%;
  text-align: center;
  overflow: hidden;
  margin: 0 0 15px 0;
}
.form_option_column2 a {
  display: inline-block;
  background: #DDD;
  margin: 0 1px 6px 5px;
  text-align: center;
  line-height: 30px;
  font-size: 16px;
  width: 50px;
  color: #333745;
  height: 30px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.textarea {
  clear: both;
  width: 90%;
  height: 200px;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  margin: 0 auto 20px auto;
  padding: 5px;
  border: 2px solid #CCC;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-size: 16px;
  text-align: left;
  line-height: 18px;
  color: #666;
}
/*input物件*/
select {
  background: url(../images/icon-arrow-dwn.png) center right no-repeat;
  padding: 5px 35px 5px 10px;
  background-color: #eee;
  border-radius: 5px;
  border: #aaa 1px solid;
  color: #444;
  font-family: helvetica, arial, sans-serif;
  font-size: 15px;
  line-height: 20px;
  margin: 10px 0 0 0;
  text-shadow: rgba(255,255,255,.6) 0 1px 0;
  font-family: 微軟正黑體, simhei, Arial;
  -webkit-appearance: none;
}
.select2 {
  margin: 10px auto 10px auto;
}
select:focus {
  outline: none;
}
select[multiple="multiple"] {
  background: #fff;
}
select[multiple="multiple"]:active {
  position: static;
  top: 0;
}
fieldset {
  border-radius: 10px;
  border: rgba(0,0,0,.1) 1px solid;
  padding: 10px;
}
input {
  margin: 0;
}
input[type="file"] {
  background: #fff;
  border-bottom-right-radius: 5px;
  border-top-right-radius: 5px;
  border: #aaa 1px solid;
  color: #666;
  letter-spacing: -1px;
  margin-left: 77px;
  padding: 5px 10px;
  position: relative;
  text-indent: -200px;
}
input[type="file"]:before {
  background-color: #ddd;
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
  border: #aaa 1px solid;
  color: #444;
  content: 'select a file';
  display: block;
  font-size: 15px;
  left: -75px;
  line-height: 20px;
  padding: 5px 10px;
  position: absolute;
  text-indent: 0;
  text-shadow: rgba(255,255,255,.6) 0 1px 0;
  top: -1px;
  width: 75px;
}
input[type="checkbox"] {
  background-color: #ddd;
  border-radius: 5px;
  border: #aaa 1px solid;
  height: 14px;
  width: 14px;
  -webkit-appearance: none;
  vertical-align: text-bottom;
}
input[type="checkbox"]:checked {
  background: #333 url(../images/icon-check.png) no-repeat center center;
  border: #333 1px solid;
}
input[type="radio"] {
  position: relative;
  top: 5px;
  background-color: #ddd;
  border-radius: 10px;
  border: #aaa 1px solid;
  height: 20px;
  width: 20px;
  margin:0;
  vertical-align:text-bottom;
  -webkit-appearance: none;
  -webkit-box-shadow: rgba(0,0,0,.1) 0 0 2px,  rgba(0,0,0,.1) 0 0 8px,  inset 0 1px 0 rgba(255,255,255,.5),  inset 0 -5px 15px rgba(0,0,0,.1),  inset 0 -2px 10px rgba(255,255,255,1);
}
input[type="radio"]:checked {
  background: #0099ff url("../images/icon-radio-selected.png") no-repeat center center;
  border: #0099ff 1px solid;
  -webkit-box-shadow: rgba(0,0,0,.1) 0 0 2px,  rgba(0,0,0,.1) 0 0 8px;
}
input[type="text"], textarea {
  background: #fff;
  border-radius: 5px;
  border: #aaa 1px solid;
  color: #666;
  line-height: 15px;
  padding: 5px;
  -webkit-appearance: none;
}
input[type="search"] {
  background: #fff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: #aaa 1px solid;
  color: #666;
  line-height: 15px;
  padding: 10px;
  -webkit-appearance: none;
  -webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,.1);
}
input[type="text"]:focus, input[type="search"]:focus, textarea:focus {
  outline: none;
  background: #fff;
  border-color: #00a9c7;
  -webkit-box-shadow: #bbf5ff 0 0 10px,  inset 0 1px 0 rgba(0,0,0,.1);
}
/*輔助設定*/
.font_color_000{
  color:#000;
}
.font_color_ccc{
  color:#ccc;
}
.font_color_399{
  color:#399;
}
.font_color_39c{
  color:#39c;
  padding:0 0 0 5px;
}
.font_color_c00{
  color:#c00;
}
.font_color_333{
  color:#333;
}
.font_color_666{
  color:#666;
}
.font_size_12{
  font-size:12px;
}
.font_size_20{
  font-size:20px;
}
.float_right{
  float:right;
}
.float_left{
  float:left;
}
.font_color_c002{
  color:#c00;
}


/*************************************/
/*************************************/
/*************************************/
/*************************************/
/*************************************/
/*************************************/
/*************************************/
/*************************************/
/*************************************/
/*************************************/
/*************************************/
/*************************************/
/*************************************/
/*************************************/
/*************************************/
/*************************************/
/*************************************/
/*************************************/
/*************************************/
/*************************************/
/*************************************/
/*************************************/
/*************************************/
/*************************************/
/*************************************/
/*************************************/
/*************************************/
/*************************************/
/*************************************/
/*************************************/
/*************************************/
/*************************************/
/*************************************/
/*************************************/
/*************************************/
/*************************************/
/*************************************/