﻿/*==============================
pc_css主要在頁面的架構上所撰寫
==============================*/



.pc_mb {
    margin-bottom: 0px;
}

.pc_mb2 {
    margin-bottom: 10px;
}

.pc_mb3 {
    margin-bottom: -2px;
}


.pc_mb4 {
    margin-bottom: -10px;
}

/*.pc_mb5 {
    margin-bottom: -20px;
}*/

.pc_mb6 {
    margin-bottom: 55px;
}


.pc_mt {
    margin-top: 0px !important;
}

.pc_mt2 {
    margin-top: 25px;
}

.pc_mt3 {
    margin-top: 50px;
}

.pc_mt4 {
    margin-top: -50px;
}


.pc_mt5 {
    margin-top: 40px;
}

.pc_ml {
    margin-left: 0px !important;
}

.pc_mr {
    margin-right: 0px !important;
}




/*===== 以下最上面細的BAR =====*/
#pc_page {
	width: 100%;
    overflow-x: hidden;
}

#pc_toolbar {
    width: 100%;
    background: #FCFCFC;
    height: 30px;
    z-index: 1500;
    position: relative;
}

.pc_container {
    width: 960px;
    margin: 0 auto;
    position: relative;
}

.pc_container:before, .pc_container:after {
    content: " ";
    display: table;
}

.pc_bar {
	float: left;
    width: 960px;
}



/*===== 以上最上面細的BAR =====*/


/*===== 以下選單部分 =====*/
header {
    width: 100%;
    background: #FFF;
    position: relative;
    z-index: 1000;
}

header:before, header:after {
    content: " ";
    display: table;
}

header .pc_menu {
    height: 100px;
}

.pc_header {
    /*width: 100%; */
	position: fixed; 
    z-index: 1030; 
    top: 0; 
    /*border-bottom: 10px solid #8C0044; 
    height: 150px;*/
	height: 120px;
	border-bottom: 5px solid #8C0044;
}

.pc_head {
    width: 960px; /*原本960後來1020又改回960*/
    margin-left: auto;
    margin-right: auto;
} 


.pc_menu {
    width: 960px; /*原先960*/   /*原本960後來1020又改回960*/
    margin-left: auto;
    margin-right: auto;
    margin: 0 auto;
}


.pc_menu:before, .pc_menu:after {
    content: " ";
    display: table;
}

.logobox {
	width: 180px; /* revised 200px */
    height: 120px;
    float: left;
    /*margin-right: 90px \9;*/  /*IE8用*/
    /*margin-left: 16%;
    margin-right: 6.5%;*/
}


.pc_logo_pt {
    padding-top: 19px;
}

.pc_menu_topic {
    font-size: 14px !important;
    font-weight: 600;
    /*margin-right: 6px;*/
    transition: 100ms;
	/*transition-delay:50ms;*/
    display: inline-block;
    z-index: 600;
    height: 35px;
    text-align: center;
}

.pc_menu_title_top {
    margin-top: 57px;
}

.pc_menu_height {
    line-height: 45px;
}


.pc_menu_title {
    /*font-size: 14px !important;*/		/*ruka remark */
    font-weight: 600;
    padding-top: 0.5em !important;
    /*padding-right: 1em !important;*/	/*ruka remark */
}


.pc_menu_title_bold {
	font-weight: 600;
}

.pc_menu_subtitle {
	line-height: 27px;
    list-style: none;
    padding-left: 2px; 
}


.pc_menu_introduction {
    font-size: 13px !important;
    margin-top: 5px;
    padding-left: 15px;
    line-height: 24px;
}


.pc_menu_quicklink {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    padding-left: 5px !important;
    margin-top: -5px;
    float: left;
}


.pc_menu_icon_ml {
    margin-left: -4px;
}


.img-responsive {
	max-width: 100%;
    max-height: 100px;
    overflow: hidden;
}


.ask_btn {
    /*width: 160px;
    height: 39px;*/
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    padding: 4px 0px 5px 0px;
    text-align: center;
}

.pc_menu > ul > li  .ask_btn a:hover {
    color: #cf1a3c;
	background:none;
}

.ask_btn1 {
    width: 130px;
    height: 39px;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    padding: 4px 5px 5px 15px;
}


.ask_btn_bg {
    /*width: 140px;*/
    height: 30px;
    /*background-image: url(/SiteImages/btn-ask-1.png);
    background-repeat: no-repeat;*/
    margin-top: 44px;
    margin-top: 64px;
	margin-left: 5px;
	margin-left: 15px;
    background-color: #8c0044;
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
}

.ask_btn_color {
	color: #ffffff;
}


.search_btn_mtr {
	margin-top: 52px;
	margin-right: 20px;
}

.pc_search_btn_mt {
	margin-top: 64px;
	float: right;
}

.pc_search_btn {
    width: 30px;
    height: 30px;
    float: right;
    background-image: url(/SiteImages/btn-search-1.png);
    border: 0;
    margin-right: 5px;
	cursor: pointer;
}

.pc_search_btn2 {
    width: 30px;
    height: 30px;
    float: left;
    background-image: url(/SiteImages/btn-search-1.png);
    border: 0;
    margin-left: 2px;
    margin-right: 5px;
	cursor: pointer;
}

.ask_btn_icon {
    margin-left: 9px;
    padding-top: 6px;
    margin-right: -10px;
    color: #ffffff;
}

/*.pc_about_menubox1 {
    width: 33%;
    float: left;
    padding: 10px 20px 0px 20px;
}

.pc_about_menubox2 {
    width: 22%;
    float: left;
    padding: 10px 20px 0px 20px;
}

.pc_about_menubox3 {
    width: 32%;
    float: left;
    padding: 10px 20px 0px 20px;
}

.pc_products_menubox1 {
    width: 21%;
    float: left;
    padding: 10px 20px 0px 20px;
}

.pc_products_menubox2 {
    width: 18%;
    float: left;
    padding: 10px 20px 0px 20px;
}

.pc_products_menubox3 {
    width: 21%;
    float: left;
    padding: 10px 20px 0px 20px;
}

.pc_products_menubox4 {
    width: 21%;
    float: left;
    padding: 10px 20px 0px 20px;
}

.pc_solutions_menubox1 {
    width: 19%;
    float: left;
    padding: 10px 20px 0px 20px;
}

.pc_solutions_menubox2 {
    width: 19%;
    float: left;
    padding: 10px 20px 0px 20px;
}

.pc_solutions_menubox3 {
    width: 19%;
    float: left;
    padding: 10px 20px 0px 20px;
}

.pc_solutions_menubox4 {
    width: 26%;
    float: left;
    padding: 10px 10px 0px 20px;
}

.pc_support_menubox1 {
    width: 30%;
    float: left;
    padding: 10px 20px 0px 20px;
}

.pc_support_menubox2 {
    width: 29%;
    float: left;
    padding: 10px 20px 0px 20px;
}

.pc_support_menubox3 {
    width: 28%;
    float: left;
    padding: 10px 20px 0px 20px;
}*/

/*.pc_about_menubox1 {
    width: 35%;
    float: left;
    padding: 10px 50px 0px 50px;
}

.pc_about_menubox2 {
    width: 20%;
    float: left;
    padding: 10px 20px 0px 20px;
}

.pc_about_menubox3 {
    width: 25%;
    float: left;
    padding: 10px 0px 0px 10px;
}

.pc_products_menubox1 {
    width: 20%;
    float: left;
    padding: 10px 25px 0px 50px;
}

.pc_products_menubox2 {
    width: 20%;
    float: left;
    padding: 10px 25px 0px 25px;
}

.pc_products_menubox3 {
    width: 20%;
    float: left;
    padding: 10px 25px 0px 25px;
}

.pc_products_menubox4 {
    width: 21%;
    float: left;
    padding: 10px 0px 0px 20px;
}

.pc_solutions_menubox1 {
    width: 19%;
    float: left;
    padding: 10px 15px 0px 50px;
}

.pc_solutions_menubox2 {
    width: 19%;
    float: left;
    padding: 10px 15px 0px 15px;
}

.pc_solutions_menubox3 {
    width: 19%;
    float: left;
    padding: 10px 15px 0px 15px;
}

.pc_solutions_menubox4 {
    width: 26%;
    float: left;
    padding: 10px 0px 0px 20px;
}

.pc_support_menubox1 {
    width: 30%;
    float: left;
    padding: 10px 10px 0px 50px;
}

.pc_support_menubox2 {
    width: 30%;
    float: left;
    padding: 10px 10px 0px 10px;
}

.pc_support_menubox3 {
    width: 25%;
    float: left;
    padding: 10px 0px 0px 30px;
}*/

.pc_about_menubox1 {
    width: 35%;
    float: left;
    padding: 30px 20px 20px 100px;
}

.pc_about_menubox2 {
    width: 20%;
    float: left;
    padding: 30px 0px 20px 30px;
}

.pc_about_menubox3 {
    width: 28%;
    float: left;
    padding: 30px 0px 20px 0px;
}


.pc_support_menubox1 {
    width: 29%;
    float: left;
    padding: 30px 0px 20px 100px;
}

.pc_support_menubox2 {
    width: 29%;
    float: left;
    padding: 30px 0px 20px 0px;
}

.pc_support_menubox3 {
    width: 29%;
    float: left;
    padding: 30px 0px 20px 0px;
}


.pc_solutions_menubox1 {
    width: 19%;
    float: left;
    padding: 30px 5px 20px 100px;
}

.pc_solutions_menubox2 {
    width: 19%;
    float: left;
    padding: 30px 5px 20px 5px;
}

.pc_solutions_menubox3 {
    width: 19%;
    float: left;
    padding: 30px 5px 20px 5px;
}

.pc_solutions_menubox4 {
    width: 28%;
    float: left;
    padding: 30px 0px 20px 0px;
}

.pc_products_menubox1 {
    width: 20%;
    float: left;
    padding: 30px 10px 20px 80px;
}

.pc_products_menubox2 {
    width: 20%;
    float: left;
    padding: 30px 10px 20px 10px;
}

.pc_products_menubox3 {
    width: 20%;
    float: left;
    padding: 30px 10px 20px 10px;
}

.pc_products_menubox4 {
    width: 21%;
    float: left;
    padding: 20px 0px 20px 10px;
}




/*===== 以上選單部分 =====*/


/*===== 以下搜尋部分 =====*/
#pc_search {
    float: right;
    height: 100px;
    width: 162px;
    padding-top: 44px;
    position: relative;
}

#pc_search input[type=text] {
    float: left;
    width: 162px;
    height: 32px;
    border: 1px solid #ccc;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    font-size: 12px;
    color: #333;
    text-indent: 12px;
    padding-right: 35px;
    margin: 0;
}

#pc_page input[type=text], #pc_page input[type=email], #pc_page input[type=number], #pc_page input[type=password] {
    /*float: left;*/
    width: 125px;
    height: 24px;
    margin: 0 0px 20px 10px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    border: 1px solid #AAAAAA;
    text-indent: 10px;
    font-size: 14px; /*0321為修改其他的搜尋及下拉字型大小所更動*/
    font-family: 'Open Sans', sans-serif;
}

button, input {
    line-height: normal;
}

button, input, select, textarea {
    font-size: 100%;
    margin: 0;
    vertical-align: baseline;
}

#pc_search input[type=submit] {
    width: 30px;
    height: 30px;
    float: left;
    margin-left: -31px;
    padding: 0;
    background: url("#") no-repeat;
    text-indent: -9999px;
    border: 0;
    margin-top: 1px;
}

.pc_search_btn input[type=submit], .pc_search_btn input[type=button] {
    text-transform: uppercase;
    /* background: #016abe; */
    color: #FFF;
    /*padding: 12px 25px;*/
    border: 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    font-weight: 700;
    font-family: 'Open Sans', sans-serif;
    background-image: url(/SiteImages/btn-search.png) no-repeat;
    width: 30px;
    height: 30px;
}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}


.pc_inputbox_wd {
    width: 320px !important; 
	float: left;
    width: 135px;
    height: 24px;
    margin: 0 0px 20px 10px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    border: 1px solid #AAAAAA;
    text-indent: 10px;
    font-size: 14px; /*0321為修改其他的搜尋及下拉字型大小所更動*/
    font-family: 'Open Sans', sans-serif;
}   



/*===== 以上搜尋部分 =====*/


/*===== 以上product search, cross reference搜尋樣式部分 =====*/


.pc_selectbox_container {
    width: 100%;
    float: left;
    margin-top: 20px;
} 


.pc_selectbox_title {
    float: left;
    margin-top: 3px;
    margin-right: 15px;
}    

.pc_selectbox_product {
    width: 170px;
    float: left;
    margin-right: 3px;
    font-size: 14px;
} 

.pc_selectbox_vcc {
    width: 125px;
    float: left;
    margin-right: 3px;
    font-size: 14px;
} 

.pc_selectbox_density {
    width: 100px;
    float: left;
    margin-right: 3px;
    font-size: 14px;
} 

.pc_selectbox_package {
    width: 130px;
    float: left;
    margin-right: 3px;
    font-size: 14px;
} 

.pc_selectbox_status {
    width: 260px;
    float: left;
    margin-right: 3px;
    font-size: 14px;
} 


.pc_selectbox_vendor {
    width: 170px;
    float: left;
    margin-right: 3px;
    font-size: 14px
} 

.pc_ps_space {
    margin-left: -11px;
} 


.pc_cr_space {
    float: left;
    margin-top: 3px;
}    



/*===== 以上product search, cross reference搜尋樣式部分 =====*/



/*===== 以下banner部分 =====*/
#pc_banner {
    width: 100%;
    position: relative;
}

#banner img.pc_bannerImage {
    display: none;
}

audio, canvas, img, video {
    vertical-align: middle;
}

.pc_wrapper_height {
    height: 125px;
    /*border-bottom: 10px solid #8C0044;*/
}



/*===== 以上banner部分 =====*/


/*===== 以下footer部分 =====*/
/*footer {
    background-color: #8C0044;
    padding-top: 67px;
}

.pc_container {
    width: 960px;
    margin: 0 auto;
    position: relative;
}

.pc_container:before, .pc_container:after {
    content: " ";
    display: table;
}

footer .pc_item {
    float: left;
    width: 192px;
    color: #FFF;
}

footer ul {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-bottom: 40px;
}

footer ul li {
    font-size: 16px;
}

footer ul li a.title {
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 13px;
}

footer ul li a {
    color: #FFF;
    text-decoration: none;
    font-size: 13px;
    display: block;
    margin-bottom: 5px;
}

footer #pc_copyright {
    background-color: #000000;
    width: 100%;
}

footer #pc_copyright {
    margin-top: 102px;
    padding-top: 14px;
}

footer .pc_container {
	text-align: left;
    color: #6e6e6e;
    font-size: 12px;
    padding: 13px 10px 38px;
}

.pc_container {
    width: 960px;
    margin: 0 auto;
    position: relative;
}

.pc_container:before, .pc_container:after {
    content: " ";
    display: table;
}*/

.pc_footer_item {
	width: 100%;
	height: 475px;
	background-color: #8C0044;
	float: left;
}

.pc_footer_copyright {
	width: 100%;
	height: auto;
	background-color: #000000;
	float: left;
}

.pc_copyright_container {
	margin-left: auto;
	margin-right: auto;
	padding-top: 20px;
	padding-bottom: 20px;
	width: 960px;
	height: auto;
	font-size: 12px;
	color: #6e6e6e;
}

.pc_item_container {
	width: 960px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	font-size: 12px;
    line-height: 24px;
}

.pc_item {
	float: left;
	width: 240px;
	margin-top: 20px;
}

.pc_item span {
	color: #ffffff;
	font-size: 14px;
	line-height: 1.1;
	font-weight: bolder;
}

.pc_item ul {
    list-style-type: disc;
    margin-left: -23px;
    margin-top: 15px;
}

.pc_item li {
    color: #dcdcdc;
}

.pc_item a {
	text-decoration:none;
	color: #ffffff;
}

.pc_item a:hover {
	color: #e19ebe;
}

.pc_floatleft {
	margin-left: -17px;
}

.pc_item img {
	margin-top: 15px;
}

.fa-mlt-fix {
    padding-left: 15px;
    padding-top: 10px;
}

.fa-mlt {
    padding-left: 15px;
    padding-top: 10px;
}


.pc_footer_icon {
    float: left;
}

.pc_footer_icon_m {
    height: 15px;
}

.pc_footer_icon_m2 {
    height: 11px;
}

/*===== 以上footer部分 =====*/



/*===== 以下mod a部分 =====*/
.pc_mod_a {
	width: 100%;
	float: left;
}

.pc_mod_con {
    margin-left: auto;
    margin-right: auto;
    margin-top: 60px; 
    margin-bottom: 30px;
    width: 960px;
}

.pc_mod_con2{
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
    margin-bottom: 20px;
    width: 960px;
}

.pc_mod_con3{
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    margin-bottom: 0px;
    width: 960px;
}   



/*#tabs_pm_container {
    padding: 40px 0px 235px 0px;
    overflow: hidden;
    position: relative;
   
} */



/*===== 以上mod a部分 =====*/


.pc_title {
	width: 100%;
}

.pc_txt {
	width: 100%;
}



/*===== 以下內頁banner部分 =====*/
.pc_banner {
	background-image: url(/SiteImages/banner-1.jpg);
	width: 1900px;
}

.pc_banner_automotive {
	background-image: url(/SiteImages/banner/Banner_Automotive.jpg);
	width: 1900px;
}

.pc_banner_comm {
	background-image: url(/SiteImages/banner/Banner_Comm.jpg);
	width: 1900px;
}

.pc_banner_extended {
	background-image: url(/SiteImages/banner/Banner_ExtendedTemp.jpg);
	width: 1900px;
}

.pc_banner_industrial {
	background-image: url(/SiteImages/banner/Banner_Industrial.jpg);
	width: 1900px;
}
.pc_banner_nand {
	background-image: url(/SiteImages/banner/Banner_NAND.jpg);
	width: 1900px;
}

.pc_banner_nor {
	background-image: url(/SiteImages/banner/Banner_NOR.jpg);
	width: 1900px;
}

.pc_banner_kgd {
	background-image: url(/SiteImages/banner/Banner_KGD.jpg);
	width: 1900px;
}

.pc_banner_security {
	background-image: url(/SiteImages/banner/Banner_Security.jpg);
	width: 1900px;
}

.pc_banner_wlcsp {
	background-image: url(/SiteImages/banner/Banner_WLCSP.jpg);
	width: 1900px;
}

.pc_banner_mcp {
	background-image: url(/SiteImages/banner/Banner_MCP.jpg);
	width: 1900px;
}

.pc_banner_co {
	background-image: url(/SiteImages/banner/Banner_CompanyOverview.jpg);
	width: 1900px;
}

.pc_banner_AboutUs {
	background-image: url(/SiteImages/banner/Banner_AboutUs.jpg);
	width: 1900px;
}

.pc_banner_AboutUs2 {
	background-image: url(/SiteImages/banner/Banner_AboutUs2.jpg);
	width: 1900px;
}

.pc_banner_Support {
	background-image: url(/SiteImages/banner/Banner_Support.jpg);
	width: 1900px;
}

.pc_banner_IoT {
	background-image: url(/SiteImages/banner/Banner_Iot.jpg);
	width: 1900px;
}

.pc_banner_partnership {
	background-image: url(/SiteImages/banner/Banner_Partnership.jpg);
	width: 1900px;
}

/*===== 以上內頁banner部分 =====*/

.pc_banner_container {
	width: 100%;
	height: 230px; 
}

.breadcrumb {
    list-style: none;
    font-size: 12px;
    margin: 0;
    /* opacity: 0.75; */ /*文字顏色透明度*/
    padding-left: 0px;
    padding-top: 35px; 
    width: 960px;
    margin-left: auto;
    margin-right: auto;
}

.breadcrumb > li {
    display: inline-block;
    color: #ffffff;
}

.breadcrumb > li a {
    color: #ffffff;
    text-decoration:none;
}

.breadcrumb > li + li:before {
    content: ">";
    position: relative;
    display: inline-block;
    font-family: "FontAwesome";
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    speak: none;
}

.breadcrumb > li + li:before {
    padding: 0 10px;
    color: #ffffff;
}

.pc_banner_mtb {
    margin-top: -25px; /*0415原0*/
    margin-bottom: 2px;
} 


/*===== 以上內頁banner部分 =====*/



/*================================================================================ 首頁中間部分, 以下*/
.pc_index_title {
    text-align: center;
    margin-bottom: 0px;
    margin-top: 0px;
    width: 960px;
    color:#8C0044;
}

.pc_index_title a{
     color:#8C0044;
}

.pc_index_title a:hover{
     color:#C10066;
}


.pc_index_subtitle {
	margin-top: 3px;
    margin-bottom: 30px;
}



.pc_index_select_forir {
    /*width: 100%;*/
    float: left;
    margin-top: 20px;
    margin-bottom: 70px;
}

/*=================================================== 首頁News Banner, 以下*/

/*.pc_newsbox {
    width: 960px;
    background-color: #2F4F4F;
    margin-left: auto;
    margin-right: auto;
    margin-top: 40px;
}


.pc_news_line {
	width: 960px;
	height: 3px;
	background-color: #2F4F4F;
    margin: 3px auto 3px auto;
}

.pc_news_text {
	width: 960px;
	margin: 0 auto 0 auto;
    text-align: center;
    padding: 8px;
}

.pc_news_text a{
    color:#ffffff;
}

.pc_news_text a:hover{
    color:#ffffff;
}*/

.pc_3groupC_container2 {
    /* 20210114
	width: 960px;
    margin: 0 auto 0 auto;
    padding: 15px;*/
	width: 100%;
}

.pc_highlight {
    /*20210114
	height: 150px;
    background-color:#ededee;*/
	/*height: 200px;*/
}

.pc_3groupC_banner {
	width: 300px;
	float: left;
	margin: 30px 10px 0 10px;
}



/*================================================= 首頁News Banner, 以上*/

/*==================================================首頁Product Search, 以下*/



.pc_index_selectbox {
    width: 100%;
    float: left;
    margin-top: 30px;  
    margin-bottom: 70px;
} 


.pc_index_product {
    width: 20%;
    float: left;
    margin-right: 3px;
}


.pc_index_vcc {
    width: 13%;
    float: left;
    margin-right: 3px;
}

.pc_index_density {
    width: 10%;
    float: left;
    margin-right: 3px;
}

.pc_index_package {
    width: 15%;
    float: left;
    margin-right: 3px;
}

.pc_index_status {
    width: 29%;
    float: left;
    margin-right: 0px;
}

.pc_index_btn {
    color:#ffffff;
    background-color:#8C0044;
    border:none;
    font-size:15px;
    padding:6px 8px;
    border-radius:2px;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    float: right;
    margin-left: 0px
}


.pc_index_btn:hover{
    background-color:#A20055;
}


/*==================================================首頁Product Search, 以上*/



/*======================================= 首頁Latest News, 以下*/

.pc_2groupD_container {
    width: 960px;
    height: 160px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 28px;
} 


.pc_2groupD {
    width: 470px;
    /*height: 130px;*/
    background-color: #7D7D7D;
    margin-right: 20px;
    float: left;
    display: inline-block;
    
} 

.pc_2groupD_text {
    padding: 15px 20px 5px 20px;
} 

.pc_2groupD_text a {
    color: #ffffff;
} 

.pc_2groupD_text a:hover {
    color: #ffffff;
} 

.pc_2groupD_bottom {
    margin:26px 0px 12px 0px;
} 

.pc_2groupD_date {
    padding: 0px 0px 0px 20px;
    float:left;
    width: 230px;
    color: #bfbfbf;  
}



.pc_2groupD_btn {
    color:#ffffff;
    background-color:#8C0044;
    border:none;
    font-size:14px;
    padding:3px 7px;
    border-radius:2px;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    margin-right: 20px;
    float:right;   
} 


.pc_2groupD_btn:hover{
    background-color:#A20055;
} 



/*======================================= 首頁Latest News, 以上*/



/*===== 以下內頁錨點部分 =====*/  /*錨點部分已另外連結 anchor-mod.css*/
/*.pc_mod_anchor {
    width: 100%;
    height: 70px;
    margin-top: 12px;
}

.pc_anchor_outbox {
    width: 960px;
    height: 70px;
    margin-right: auto;
    margin-left:  auto;
    padding: 10 0 10 0 ;
}

.pc_anchor_6box a {
    background-color: #8c0044;
    width: 156px;
    height: 35px;
    float: left;
    margin-left: 2px;
    margin-right: 2px;
    margin-top: 15px;
    color: #ffffff;
    text-align: center;
    padding-top: 6px;
}

.pc_anchor_6box a:hover {
    background-color: #A20055;
}

.pc_anchor_5box a {
    background-color: #8c0044;
    width: 188px;
    height: 35px;
    float: left;
    margin-left: 2px;
    margin-right: 2px;
    margin-top: 15px;
    color: #ffffff;
    text-align: center;
    padding-top: 6px;
}

.pc_anchor_5box a:hover {
    background-color: #A20055;
}

.pc_anchor_4box a {
    background-color: #8c0044;
    width: 236px;
    height: 35px;
    float: left;
    margin-left: 2px;
    margin-right: 2px;
    margin-top: 15px;
    color: #ffffff;
    text-align: center;
    padding-top: 6px;
}

.pc_anchor_4box a:hover {
    background-color: #A20055;
}

.pc_anchor_3box a {
    background-color: #8c0044;
    width: 316px;
    height: 35px;
    float: left;
    margin-left: 2px;
    margin-right: 2px;
    margin-top: 15px;
    color: #ffffff;
    text-align: center;
    padding-top: 6px;
}

.pc_anchor_3box a:hover {
    background-color: #A20055;
}

.pc_anchor_2box a {
    background-color: #8c0044;
    width: 476px;
    height: 35px;
    float: left;
    margin-left: 2px;
    margin-right: 2px;
    margin-top: 15px;
    color: #ffffff;
    text-align: center;
    padding-top: 6px;
}

.pc_anchor_2box a:hover {
    background-color: #A20055;
}

.pc_anchor_1box a {
    background-color: #8c0044;
    width: 100%;
    height: 35px;
    float: left;
    margin-left: 2px;
    margin-right: 2px;
    margin-top: 15px;
    color: #ffffff;
    text-align: center;
    padding-top: 6px;
}

.pc_anchor_1box a:hover {
    background-color: #A20055;
}*/
/*===== 以上內頁錨點部分 =====*/




/*==================================================================== more文字連結, 以下*/



.pc_noteR {
   float: right;
   font-size: 13px;
   color: #666666;
   margin-right: 5px;
} 

.pc_noteR a {
    float: left;
    color: #666666;
} 

.pc_noteR a:hover {
    color: #C10066 ;
	text-decoration:underline;
} 

.pc_noteR_icon {
    float: left; 
    margin-top: 2px; 
    margin-left: 10px;
} 


/*==================================================================== more文字連結, 以上*/


/*==================================================================== 文字連結, 以下*/


.pc_p{
    margin:5px 0px 24px 0px;
    padding:0px;
}


.pc_p a {
    color: #444444;
    text-decoration:underline;
}

.pc_p a:hover {
    color: #C10066 ;
}

.pc_p span {
    text-decoration: underline;
    font-weight: normal;
}


 
.pc_text_link a {
    text-decoration: underline;
    color: #000000;
}

.pc_text_link a:hover {
    color: #C10066 ;
}

.pc_mef_p{
    margin:5px 0px 24px 0px;
    padding-top: 15px;
}

.pc_ecgp_p{
    margin:5px 0px 70px 0px;
    padding:0px;
}


.pc_li a {
    color: #444444;
    text-decoration:underline;
}

.pc_li a:hover {
    color: #C10066 ;
}


/*==================================================================== 文字連結, 以上*/



.pc_groupA {
    background-color:#EFE8D1; 
    width:960px;
    padding:30px 0px 30px 0px;
    margin-bottom: 50px;
    text-align: center;
}

.pc_groupA_title{
    color:#8C0044;
    font-size: 24px;
    font-weight: 400;
}

.pc_groupA_text {
    color:#666666;
    font-size: 15px;
    display: inline-block;
    margin-left:20px;
}

.pc_groupA_text a{
    color:#666666;
    text-decoration: underline;
}

.pc_groupA_text a:hover{
    color:#C10066 ;
    text-decoration: underline;
}

.pc_groupB {
    background-color: #937B63; /*#EFE8D1*/
    width:960px;
    height: 40px;
    padding:20px 0px 20px 0px;  
    /*margin-bottom: 20px; */
    margin-top: 45px;
}

.pc_groupB_title {
    color: #FFFFFF;	/*#8C0044*/
    font-size: 24px;
    font-weight: 400;
    display: inline-block;
    float: left;
    margin-left: 105px;
    margin-right: 15px;
    width: 32%;
	text-align: center;
}

.pc_groupB_title2 {
    color: #FFFFFF;
    font-size: 24px;
    font-weight: 400;
    display: inline-block;
    float: left;
    margin-right: 25px; 
    width: 48%;
    text-align: right;
}

.pc_groupB_title3 {
    color: #FFFFFF;
    font-size: 24px;
    font-weight: 400;
    display: inline-block;
    float: left;
    margin-right: 40px;
    width: 35%;
    text-align: right;
}



.pc_groupB_selectbox {
    width: 400px;
    float: left;
    margin: 3px 0 5px 0;
    font-size: 15px;
}

.pc_groupB_selectbox > select {
	width: 100%;
	padding: 5px 0px 5px 15px;
}

.pc_groupC {
    background-color:#eeeeee; 
    width:960px;
    padding: 16px 0 16px 0;
    margin-bottom: 15px;   
}

.pc_groupC_left {
    width: 60%;
    float: left;
}

.pc_groupC_title{
    font-size: 20px;
    font-weight: 400;
    float: left;
    margin-left: 40px;    
}

.pc_groupC_title a{
    color:#444444;
}

.pc_groupC_title a:hover{
    color:#C10066 ;
}

.pc_groupC_title{
    font-size: 18px;
    font-weight: 400;
    float: left;
    margin-left: 40px;
    
}

.pc_groupC_right{
    float:right;
    text-align: right;
    width:40%; 
    font-size: 14px; 
    margin-top: 4px; 
}

.pc_groupC_text {
    color:#000000;
    font-size: 14px;
    float:left;
    margin-top: 5px;
}

.pc_groupC_icon {
    float:left;
    margin-left:110px;
    margin-right:15px;
    margin-top: 3px;
}

.pc_groupC_text a{
    color:#444444;
}

.pc_groupC_text a:hover{
    color:#C10066 ;
}


.pc_groupC_icon2 {
    float:left;
    margin-left:210px;
    margin-right:15px;
    margin-top: 3px;
}


.pc_2groupA_left {
    width: 600px;
    float: left;
} 

.pc_2groupA_right {
    width: 320px;
    /*height: 150px;*/
    float: left;
    
} 

.pc_2groupA_pic {
    width: 300px;
    text-align: right;
    height: 170px;
    padding: 0px 25px 0px 45px;
} 

.pc_2groupA_pic img{
    width: 300px;
    height: 170px;
} 


.pc_2groupB_left {
    width: 320px;
    height: 230px;
    float: left;
    margin-right:20px;
} 

.pc_2groupB_pic { 
    width: 300px;
    height: 170px;
    padding: 25px 0;
} 

.pc_2groupB_pic img{
    width: 300px;
    height: 170px;
} 


.pc_2groupB_right_text {
    width: 600px;
    height: 250px;
    float: left;
} 


.pc_ds_2groupE_container {
    width: 960px;
    min-height: 200px;
}

.pc_ds_2groupE {
    width: 450px;
    min-height: 200px;
    float: left;
    margin-right:30px;
}


.pc_2groupF {
    width:960px;
    height: 60px;
} 



.pc_2groupF_left {
     float:left;
     width: 70%;
} 


.pc_2groupF_right {
     float:left;
     width: 30%;
     height: 100%;
} 



.pc_2groupF_title {
    margin:0px;
    text-align: center;
    padding-left:300px;
} 

.pc_2groupF_subtitle {
    text-align: center;
    padding-left:300px;
    font-size:13px;
} 


.pc_2groupF_selectbox {
    width: 35%;
    float: left;
    margin-left: 153px;
    font-size: 14px;
} 

.pc_2groupF_btn {
    float: right;
    margin-right: 0px;
    margin-left: -5px;
}


.pc_2groupG_container {
    width: 960px;
    height: 220px;
    margin:0px 0px 40px 0px;

} 


.pc_2groupG_ir {
    width: 460px;
    height: 220px;
    border: 1px solid #ccc;
    float: left;
    margin-right: 15px;
} 

.pc_2groupG_media {
    width: 460px;
    height: 180px;
    border: 1px solid #ccc;
    float: left;
    margin-right: 15px;
} 

.pc_2groupG_tech {
    width: 460px;
    height: 200px;
    border: 1px solid #ccc;
    float: left;
    margin-right: 15px;
} 

.pc_2groupG_career {
    width: 460px;
    height: 180px;
    border: 1px solid #ccc;
    float: left;
    margin-right: 15px;
}


.pc_2groupG_title {
    padding: 10px 20px 5px 20px;
    font-size: 24px;
    color: #8c0044; 
} 


.pc_2groupG_title a {
    color: #8c0044;
} 

.pc_2groupG_title a:hover {
    color: #C10066 ;
}


.pc_2groupG_text {
    font-size: 15px; 
    padding: 13px 0px 0px 20px;  
} 


.pc_2groupG_text a {
    color: #666666;
} 


.pc_2groupG_text a {
    color: #C10066 ;
}


.pc_2groupG_btn1 {
    float: right;
    margin-right: 20px;
    margin-top: 0px;
} 


.pc_2groupG_left {
    width: 465px;
    float: left;
    margin-right: 30px
} 

.pc_2groupG_right {
    width: 465px;
    float: left;
} 


.pc_2groupH_container {
    width:860px;
    margin:0px 50px;
    border-bottom:1px solid #dcdcdc;
    padding:35px 0px 35px 0px;
} 

/*.pc_qr_2groupH_container {
    width:860px;
    margin:0px 50px;
    padding:35px 0px 35px 0px;
} */

.pc_2groupH_pic {
    width: 150px;
    float: left;
    margin-right:50px;
    
} 

.pc_2groupH_pic img{
    width:100%;
   
} 

.pc_2groupH_right {
    width: 660px;
    float: left;    
} 

.pc_qr_2groupH_right {
    width: 450px;
    float: right;
    margin-right:10px;
} 

.pc_qr_2groupH_container {
    width: 860px;
    margin: 45px 0px 10px 20px;
} 

.pc_qr_2groupH_pic {
    width: 140px;
    float: left;
    margin-right:50px;
} 

.pc_qr_2groupH_pic img{
    width: 100%;
   
}

.pc_2groupH_head h4{
    /*margin:0px;*/
    padding:3px;
    line-height:1.8em;
	color: #000000;
} 


.pc_2groupH_tab{
    width: 100%;
    margin:10px 0px 0px 0px;
} 

.pc_2groupH_tab td{
    border:none;
    font-size:15px;
    padding:4px 5px 4px 5px;
    vertical-align: text-top;
} 

.pc_2groupH_tab td a{
    text-decoration: underline;
    color:#000000;
    font-weight: 600;
  
} 

.pc_2groupH_tab td a:hover{
    text-decoration: underline;
    color:#C10066 ;
} 


.pc_2groupI{
    width:465px;
    font-size:14px;  
    float:left;
    margin:10px 30px 10px 0px;
    padding:10px 0px 10px 0px;
} 

.pc_2groupI_pic {
    float:left;
    width:220px;
} 


.pc_2groupI_text {
    float:left;
    width:235px;  
} 

.pc_2groupI_pic img{
    width:200px;
    height:auto;
} 

.pc_2groupI a{
    color:#000000;
    text-decoration: underline;
} 

.pc_2groupI a:hover{
    color:#C10066 ;
} 



.pc_2groupJ_container {
    width: 910px;
    /*margin:10px 0px 20px -10px;*/

}

.pc_2groupJ_text {
    width:490px;
    float:left;
    margin:10px 20px 10px 0px;
    
}

.pc_2groupJ_pic img{
    width:400px;
    height:auto;
    float:left;
    margin-top:20px;
    margin-right:0px;
    
}


/*==================================================================== How to Buy單元, 以下*/



.pc_htb_selectbox  {
    width: 250px;
    float: left;
    margin: 10px 0 0 0px;    /*2024030058(REQ:GC202400008) revise*/
    font-size: 14px  
}

.pc_htb_selectbox2  {
    width: 250px;
    float: left;
    margin: 10px 0 0 0px;	/*2024030058(REQ:GC202400008) revise*/
    font-size: 14px
} 


.pc_htb_space {
    float: left;
    margin-top: 3px;
    margin-right: 15px;
} 



.pc_htb_selectbox_btn {
    /*float: left !important;*/
    margin: 10px -231px 0 0;
} 


.pc_htb_mtb {
    margin-top: -45px; 
    margin-bottom: 15px;
} 


.pc_htb_2groupE {
    width: 460px;  
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
} 


.pc_htb_text {
    font-size: 15px;
    line-height: 1.3;
}


.pc_htb_text a {
    color: #444444;
}

.pc_htb_text a:hover {
    color: #C10066;
}

.pc_htb_blue {
    color: blue;
    margin-bottom: -18px;
} 


.pc_htb_title {
    margin: 0px 0px -5px 0px;
    padding: 0px;
    
} 


.pc_htb_2groupE_pic {
    width:110px;  
    height:65px; 
    float:left;
    margin-bottom: 10px; 
} 

.pc_htb_2groupE_pic img{
    width:100%;
} 

.pc_htb_2groupE_text {
    width: 400px;
    float: left !important;
    position: relative !important;
} 


.pc_htb_2groupE_btn {
    float: right; 
    margin-top: 15px; 
    
} 

.pc_htb_ml{
   margin-left: 5px; 
} 





/*==================================================================== How to Buy單元, 以上*/


/*==================================================================== td.html單元, 以下*/

.pc_td_space {
    float: left;
    margin-top: 3px;
    margin-right: 15px;
} 





.pc_td_selectbox {
    width: 350px;
    float: left;
    margin-right: 3px;
    font-size: 14px
} 


.pc_td_accordion_mtp {
    margin-top: 10px  !important;
    padding-left: 0px  !important;
} 


.pc_2groupC_container {
    width: 960px;
    /*height: 220px;*/
    margin-left: auto;
    margin-right: auto;
} 


.pc_2groupC_filebox {
    width: 460px;
    /*height: 62px; */
    border: 1px solid #ccc;
    margin-bottom: 15px;
    margin-right: 35px;
    float: left;    
} 



.pc_2groupC_icon {
    width: 50px;
    float: left;
    text-align: center;
    padding-top: 8px;
}

.pc_2groupC_text {
    width: 85%;
    float: left;
    margin-left: 5px;
    margin-right: 5px;
    /*height: 59px;
    padding-top: 12px;*/
	word-break: break-word;
	padding: 12px 0px 12px 0px;
    font-size: 13px;
} 

.pc_2groupC_text a {
    color: #444444;
}

.pc_2groupC_text a:hover {
    color: #C10066 ;
}

/*==================================================================== td.html單元, 以上*/



/*==================================================================== pm.html部分, 以下*/


/*.pc_pm_mt {
    margin-top: -40px !important;
}*/


.pc_pm_inputbox {
    width: 330px !important;
    margin-left: 5px !important;
    margin-right: -12px !important;
}



/*===== 以下page nav部分 =====*/

/*#pc_pagenav {
    width: 100%;
    //background: #FCFCFC;
    height: 25px;
    z-index: 1500;
    position: relative;
    margin-top: -80px;
}*/

.pc_pagenav {
    width: 960px;
    margin: 0 auto;
    position: relative;
}

.pc_pagenav:before, .pc_pagenav:after {
    content: " ";
    display: table;
}

#pc_pagenav ul {
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
    padding-top: 7px;
}

#pc_pagenav ul li:first-child {
    border-left: 0;
}

#pc_pagenav ul li {
    float: left;
    font-size: 11px;
    /* font-weight: 600; */
    padding: 0 10px;
    border-left: 1px solid #aaa;
    position: relative;
    list-style: none;
}

#pc_pagenav ul li a {
    color: #888888;
}

.pc_pagenav_active {
    color: #8c0044 !important;
    font-weight: bold;
}

/*===== 以上page nav部分 =====*/


/*==================================================================== pm.html部分, 以上*/


.pc_3groupH_container {
    width: 960px;
    height: 220px;
    margin: 15px 0px 0px 0px;
} 



.pc_3groupH {
    width: 300px;
    float: left;
    margin-right: 28px;
}  

.pc_3groupH_title {
	width: 300px;
	height: 40px;
	float: left;
        text-align: center;
    	background-color: #8c0044;
} 


.pc_3groupH_title h3{
	margin-top: 10px;
   	font-size: 15px;
} 

.pc_3groupH_title a {
    color: #ffffff;
} 

.pc_3groupH_title a:hover {
    color: #ffffff !important;
} 


.pc_3groupH_pic img {
    width: 300px;
}

.pc_3groupH_text {
    width: 300px;
    font-size: 14px;
} 



.pc_3groupA_container {
    width: 960px;
    height: 100px;
    margin: 15px 0px 0px 0px;
} 


.pc_3groupA {
    width: 300px;
    float: left;
    margin-right: 28px;
}  

.pc_3groupA_title {
    width: 150px;
   height: 86px;
   float: right;
   text-align: center;
   background-color: #015e8b ;
}

.pc_3groupA_title h3{
   margin-top: 18px;
   font-size: 16px;
} 

.pc_3groupA_title a {
    color: #ffffff;
} 

.pc_3groupA_title a:hover {
    color: #ffffff !important;
} 


.pc_3groupA_pic img {
    width: 150px;
} 


.pc_3groupA_text {
    width: 300px;
    font-size: 14px;
} 


.pc_3groupB {
    width:300px;
    float:left;
    margin-right:28px;
    margin-top:40px;
    margin-bottom:40px;
} 


.pc_3groupB_left_pic{
    width:130px;
    height:130px;
    float:left;
    margin-right:15px;
} 

.pc_3groupB_left_pic img{
    width:130px; 
    height:130px;
} 

.pc_3groupB_right{
    width:155px;
    height:126px;
    float:left;
    /*background-color: #ccc;*/
    position: relative;
} 

.pc_3groupB_right_title {
    margin:0px 0px 6px 0px; 
    padding:0px;
    /*line-height: 0.9;*/
} 

.pc_3groupB_right_title h4{
    margin:0px;
    padding: 0px;
    line-height: 1.3;
} 

.pc_3groupB_btn {
    height: 30px;
    position: absolute;
    bottom:0;
} 


.pc_3groupC_container {
    width: 960px;
    height: 260px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
}


.pc_3groupC {
	/*width: 270px;*/
	float: left;
	/*20210114
	margin: 0 22px 0 5px;*/
	/*margin: 0 0px 0 10px;*/
	width: 32.6%;
	margin: 0.5% 0 0 0.5%;
}


.pc_3groupC_pic img {
    /* 20210114
	width: 300px;*/
	width: 100%;
}

.pc_3groupC_btn {
    width: 200px; 
    text-align: center;
    margin: 30px auto 0px auto;
}

.pc_3groupC_btn a{
    display: block;
    width:100%;
    /*height:20px;
    padding:10px;
    color:#000000;
	border:1px solid #000000;*/
	padding:5px;
	color: #ffffff;
	background-color: #015e8b;
	font-size: 18px;
    border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}

.pc_3groupC_btn a:hover{
    color:#ffffff;
    /*background-color:#8C0044;
    border:1px solid #8C0044;*/
    /*border:none;*/
	background-color: #2274A5;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}



.pc_3groupD {
    width: 300px;
    height: 174px;
    border: 1px solid #ccc;
    float: left;
    margin-right: 25px;
} 


.pc_3groupD_title {
    padding: 10px 20px 5px 20px;
    font-size: 24px;
    color: #8c0044; 
} 


.pc_3groupD_title a {
    color: #8c0044;
} 


.pc_3groupD_title a:hover {
    color: #C10066 ;
} 


.pc_ir_3groupD_title {
    padding: 15px 0px 5px 0px;
    font-size: 20px;
    color: #8c0044; 
	text-align: center;
} 


.pc_ir_3groupD_title a {
    color: #8c0044;
} 


.pc_ir_3groupD_title a:hover {
    color: #C10066 ;
} 

.pc_3groupD_text {
    font-size: 15px; 
    padding: 13px 11px 0px 20px;  
} 


.pc_3groupD_text a {
    color: #666666;
} 


.pc_3groupD_text a:hover {
    color: #C10066 ;
} 

.pc_3groupD_btn1 {
    float: right;
    margin-right: 20px;
    margin-bottom: 20px;
} 


.pc_3groupD_btn2 {
    float: right;
    margin-right: 20px;
    margin-top: 20px;
} 


.pc_3groupD_text_link {
    list-style: none;
    padding:13px 0px 0px 20px;
    font-size: 15px;
}


.pc_3groupD_text_link a{
    color: #444444;
}

.pc_3groupD_text_link a:hover {
    color: #C10066 ;
}


.pc_ir_3groupD {
    width: 300px;
    height: 190px;
    border: 1px solid #ccc;
    float: left;
    margin: 20px 25px 20px 0px;
    
} 


.pc_ir_3groupD_right {
    width: 300px;
    height: 190px;
    border: 1px solid #ccc;
    float: left;
    margin: 20px 0px 20px 0px;    
} 


.pc_ir_3groupD_text_link {
    list-style: none;
    padding:13px 0px 0px 20px;
    font-size: 15px;
}


.pc_ir_3groupD_text_link a{
    color: #444444;
}

.pc_ir_3groupD_text_link a:hover {
    color: #C10066 ;
}


.pc_contacts_3groupD {
    width: 300px;
    height: 200px;
    border: 1px solid #ccc;
    float: left;
    margin: 25px 25px 0px 0px;
    
} 


.pc_contacts_3groupD_sales1 {
    width: 300px;
    height: 315px;
    border: 1px solid #ccc;
    float: left;
    margin: 25px 25px 0px 0px;    
}


.pc_contacts_3groupD_sales2 {
    width: 300px;
    height: 280px;
    border: 1px solid #ccc;
    float: left;
    margin: 25px 25px 0px 0px;  
} 


.pc_contacts_3groupD_sales3 {
    width: 300px;
    height: 360px;
    border: 1px solid #ccc;
    float: left;
    margin: 25px 25px 0px 0px;   
} 


.pc_contacts_3groupD_sales4 {
    width: 300px;
    height: 260px;
    border: 1px solid #ccc;
    float: left;
    margin: 25px 25px 0px 0px;    
}


.pc_contacts_3groupD_quality {
    width: 300px;
    height: 220px;
    border: 1px solid #ccc;
    float: left;
    margin: 25px 25px 0px 0px;    
} 


.pc_contacts_3groupD_btn {
    float: right;
    margin-right: 20px;
    margin-top: 6px;
}

.pc_3groupF_container {
    margin:0px 0px 60px 0px;

} 

.pc_3groupF {
    width:260px;
    height:335px;
    float:left;
    margin:0px 25px 35px 0px;
    padding:10px 20px 10px 20px;
    border: 1px solid #d9d9d9;
} 

.pc_careers_3groupF {
    width:260px;
    height:290px;
    float:left;
    margin:0px 25px 60px 0px;
    padding:10px 20px 10px 20px;
    border: 1px solid #d9d9d9;
} 

.pc_3groupF img{
    width: 100%;
} 


.pc_careers_3groupF img{
    width: 100%;
} 

.pc_3groupF_title {
    font-size: 19px;
    color: #8c0044;
    display:block;
    padding:2px 0px 10px 0px;
    text-align: center;
}

.pc_3groupF_title a{
    color: #8c0044;
    
}

.pc_3groupF_title a:hover{
    color:#C10066 ;
} 


.pc_3groupF_text {
    list-style: none;
    padding:20px 0px 0px 20px;
    font-size: 16px;
    margin-left:-20px;
} 

.pc_3groupF_text a{
    color: #444444;
} 


.pc_3groupF_text a:hover{
    color:#C10066 ;
} 


.pc_3groupE_container {
    width:960px;
    margin:0px 0px 60px 0px;
} 

.pc_3groupE {
    width:295px;
    height:360px;
    text-align: center;
    float:left;
    background-color:#eeeeee;
    margin:10px 20px 10px 10px;
    padding:10px 0px 10px 0px;
} 

.pc_3groupE img{
    width:200px;
    height:300px;
} 

.pc_3groupE a{
    text-decoration: underline;
    color:#000000;
    font-size:14px;
    display:block;
    padding:2px 0px 2px 0px;
} 

.pc_3groupE a:hover{
    text-decoration: underline;
    color:#C10066 ;
} 

.pc_4groupA_container {
    width: 960px;
    height: 220px;
    margin: 15px 0px 0px 0px;  
}


.pc_4groupA {
    float:left;
    width: 225px;
    margin-right: 15px; 
    margin-bottom:30px;
}


.pc_4groupA_title {
    width: 225px;
    height: 40px;
    float: left;
    text-align: center;
    background-color: #8c0044;
} 

.pc_4groupA_title a {
    color: #ffffff;
}

.pc_4groupA_title a:hover {
    color: #ffffff;
} 

.pc_4groupA_title h3{
	margin-top: 10px;
   	font-size: 15px;
} 


.pc_4groupA img{
    width:225px;
    height:130px;
    border:none;
} 



.pc_4groupB_container {
    width: 960px;
    margin:0px 0px 30px 0px;

} 

.pc_4groupB {
    width: 220px !important;
    height: 310px; 
    text-align: center;
    background-color:#eeeeee;
    float: left;
    margin: 10px;
    padding: 10px 0px 10px 0px;
}

.pc_4groupB a:hover {
    text-decoration: underline;
    color: #C10066 ;
} 


.pc_4groupB a {
    text-decoration: underline;
    color: #000000;
    font-size: 14px;
    display: block;
    padding: 2px 0px 2px 0px;
}   

.pc_4groupB img{
    width:200px;
    height:260px;
    padding: 5px 0px 10px 0px;
}


.pc_5groupA_container {
    width:950px;
    margin: 0 0 20px 0;
} 

.pc_5groupA{
	float: left;
}

.pc_5groupA_pic, .pc_4groupA_pic {
    width:190px;
    float:left;
    text-align: center;
    margin:0 0 20px 0;
} 

.pc_5groupA_pic img, .pc_4groupA_pic img{
    width:130px;
    height:95px;
    padding:10px;
    
}

.pc_5groupB_container {
    width:960px;
    margin: 0 0 20px 0;
}

.pc_5groupB {
   width:160px;
   margin: 0 15px 20px 15px;
   float:left;
}

.pc_5groupB_text {
   color: #444444; 
   font-size: 13px; 
}

.pc_5groupB_pic {
    width:145px;
    margin-bottom: 5px;
} 

.pc_5groupB_pic img{
    width: 100%;
    padding:5px;    
}




.pc_6groupA_container {
    width:960px;
    margin: 0px 0px 20px 0px;
} 

.pc_6groupA_pic {
    width:160px;
    text-align: center;
    font-size: 15px ;
    float:left;
    margin-bottom:10px;
} 

.pc_6groupA_pic img{
    width:110px;
    height:110px;
    padding:10px;
}


.pc_plp_pic {
    float: left;
    width: 16%;
    margin-right: 30px;
}



.pc_accordion_text {
    margin-bottom: -5px;
    margin-left: -11px;
} 


.pc_pdf_icon2 {
    float: left;
    margin-right: 15px;
} 



.pc_bg_white {
    background-color: #ffffff !important;
} 



.pc_title_red{
    color:#8C0044;
}


.pc_title_red a{
     color:#8C0044;
}

.pc_title_red a:hover{
     color:#C10066 ;
}

.pc_wlcsp_space{
    margin-left:10px;
    padding-top:6px;
} 


.pc_textC {
    text-align: center;
}

.pc_textC img{
    text-align: center;
    margin:30px 0 30px 0;
}

.pc_textR {
    text-align: right;
}

.pc_floatL{
    float:left;
} 


.pc_floatR {
    float: right;
}

.pc_note {
    font-size: 13px;
    color: #666666;
} 
 
.pc_note a {
    color: #666666;
    text-decoration:underline;
} 

.pc_note a:hover {
    color: #C10066 ;
} 

.pc_sf_selectbox  {
    width: 150px;
    float: left;
    margin: 6px 0 0 10px;    
    font-size: 14px  
}



/*======================================================================================================== About Us部分, 以下*/



.pc_tab{
    width:100%;
    margin-top:-39px;
    margin-bottom:20px;
}

.pc_tab3 {
    width: 100%;
    margin-top: -15px !important;
    margin-bottom: 20px;
}


.pc_tab td div.pc_tab_img{
    text-align:center;
    width:100%;
}

.pc_tab td div.pc_tab_img a{
    display: block;
    width: 100%;
    text-align:center;
}



.pc_link_noD {
    text-decoration: none !important;
} 



.pc_ecgp_pic {
    float: left; 
    width: 16%;
    margin-right: 18px;
}

.pc_cc_pic {
    float: left; 
    width: 14%;
    margin-right: 18px;
    margin-bottom: 50px;
}


.pc_tab_ds_0330 td {
    /* padding: 10px; */
    border-bottom: 1px solid #dcdcdc;
    color: #444444;
    font-size: 13px;
    height: 48px;
    padding-bottom: 17px !important;
    padding-top: 6px !important;
}


.pc_text16 td {
    font-size: 16px !important;
} 

/*.pc_flashmap {
    background-color: #444444;
    width: 600px;
    height: 400px;
}*/
.pc_flashmap {
    width: 960px;
    text-align: center;
    margin:0 0 30px 0;
}

.pc_flashmap2 {
    float: left;
    width: 450px;
    margin:0 30px 30px 0;
    text-align:center;
}



.pc_tab_BL {
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #dcdcdc;
}




/*==============================
pc_css主要在頁面的架構上所撰寫 以下 eva
==============================*/




/*===== 以下內文按鈕部分 =====*/


.btn_red{
    color:#ffffff;
    background-color:#8C0044;
    border:none;
    font-size:13px;
    padding:5px 10px;
    border-radius:2px;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    /*margin-bottom:40px;
	width: 30px;*/
	float: right;
}


.btn_red3 {
    color:#ffffff;
    background-color:#8C0044;
    border:none;
    font-size:13px;
    padding:5px 10px;
    border-radius:2px;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
}

.btn_red a{
    background-color:#8C0044;
}


.btn_red:hover{
	color:#ffffff;
    background-color:#C10066;
	cursor:pointer;
}

.btn_red3 a{
    background-color:#8C0044;
}


.btn_red3:hover{
    background-color:#C10066;
}


.btn_red4 {
    width: 300px; 
    text-align: center;
    margin: 0px auto 0px auto;
}

.btn_red4 a{
    display: block;
    width:100%;
    height:30px;
    padding:10px;
    color:#000000;
    border:1px solid #000000;
}

.btn_red4 a:hover{
    color:#ffffff;
    background-color:#8C0044;
    border:1px solid #8C0044;
    /*border:none;*/
}

.btn_red5 {
    width:600px;
    text-align: center;
    margin:0px 180px 0px 180px;
}

.btn_red5  a{
    display: block;
    width:100%;
    height:30px;
    padding:10px;
    color:#000000;
    border:1px solid #000000;
}

.btn_red5  a:hover{
    color:#ffffff;
    background-color:#8C0044;
    border:1px solid #8C0044;
    /*border:none;*/
}

.btn_gray{
    color:#ffffff;
    background-color:#888888;
    border:none;
    font-size:13px;
    padding:5px 10px;
    border-radius:2px;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    /*margin-bottom:40px;
    float: right;*/
	width: 30px;
}

.btn_gray a{
    background-color:#888888;
}


.btn_gray:hover{
	color:#ffffff;
    background-color:#aaaaaa;
	cursor:pointer;
}



/*===== 以上內文按鈕部分 =====*/


a.go-to-top.on, a.go-to-top:hover a.go-to-top:focus.on {
    opacity: 0.8;
    /*filter: alpha(opacity=80);*/
    visibility: visible;
    bottom: 20px;
}

a.go-to-top, a.go-to-top:hover a.go-to-top:focus {
    background-color: rgba(0, 0, 0, 0.5);
    background-color: #6e6e6e \9;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    bottom: -50px;
    opacity: 0;
    /*filter: alpha(opacity=0);*/
    right: 20px;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
    color: #fff;
    font-size: 30px;
    line-height: 50px;
    width: 50px;
    height: 50px;
    position: fixed;
    text-align: center;
    z-index: 100;
    visibility: hidden;
}




/*==============================
pc_css主要在頁面的架構上所撰寫 以下 eva
==============================*/

.pc_short_link div{
    float:left;
    /*font-size:16px;*/   
}

.pc_slink5{
    width: 190px;
}

.pc_slink4{
    width: 238px;}

.pc_short_link div a{
    display: block;
    padding: 7px 5px;
    text-align: center;
    background-color:#8C0044;
    color:#fff;
    border:1px solid #fff;
}

.pc_short_link div a:hover{
    background-color:#A20055;
    } 




/*===== 以下左方表格部分 =====*/



.pc_tab td{
    padding:10px;
    border-bottom:1px solid #dcdcdc;
    color:#444444;
    font-size:13px;
}

.pc_tab td a{
    text-decoration: underline;
    color:#444444;
}

.pc_tab td a:hover{
    color:#C10066 ;
}


/*===== 以上左方表格部分 =====*/






/*----------------------文字自動斷行*/
.pc_txt_break{
    word-wrap:break-word;
    word-break:normal;
}



.pc_a a{
    color:#8C0044;
}

.pc_a a:hover{
    color:#C10066 ;
}


.pc_ul, .pc_ol{
    margin:6px 0px 0px 0px;
    padding:0px 0px 0px 24px;
}

.pc_ul ul, .pc_ol ol, .pc_ul2 ul, .pc_ul3 ul{
    margin:6px 0px 0px 0px;
    padding:0px 0px 0px 24px;
   
}



.pc_tab tr.pc_head td{
    background-color:#444444;
    color:#ffffff;
}

.pc_tab tr.pc_oddNU td{
    color:#444444;
}

.pc_tab tr.pc_evenNU td{
    background-color:#f2f2f2;
    color:#444444;
}



.pc_ul_tab{
    margin-top:-20px;
}

.pc_ul_tab td{
    vertical-align: text-top;
    padding:3px 0px 3px 0px;
}


.pc_word_gray{
    border-top:1px solid #dcdcdc;
}

.pc_word_gray td{
     color:#444444;
}

.pc_td_R {
    background-color:#f2f2f2;
    color:#444444;
}

.pc_list_ml{
    margin-left:13px;
} 

/* event */
.pc_pic_border{
    text-align: center;
	margin-bottom: 20px;
    /*border:1px solid #dcdcdc;*/
}



.pc_tab ul, .pc_tab ol{
    /*padding:0px 0px 0px 20px;*/  /*0317 fornorflashfix*/
    margin:0px;
}


.pc_tab td i[class^="fa"], .pc_tab td i[class*="fa"]{
    display: inline-block;
    width:100%;
    text-align: center;
}

.pc_text_BL {
	vertical-align: baseline;
	font-size:0.9em;
}

/*==============================
pc_css主要在頁面的架構上所撰寫 以上  eva
==============================*/

.pc_print {
	float: right;
	margin: -15px 5px 0 0; /*-20px 5px 0 0;*/
	font-size: 13px;
}

.pc_print  a{
	color: #666666;
}

.pc_print  a:hover {
    color: #C10066 ;
 } 

.print_icon {
	float: left;
	margin: 3px 5px 0 0;
}

.pc_headerP {
    width: 100%; 
    z-index: 1030; 
    border-bottom: 10px solid #8C0044; 
    top: 0; 
    height: 135px;
}
/*page tab guider out-link*/
.link_icon {
  float: none;
  margin: 0px 0px 0 5px;
}

/*
給Partnerships使用
*/

/*=======================
for Desktop
=======================*/
.partnerIntro a{
    text-decoration: underline;
}

.partnerWrap{
    width: 100%;
    padding: 40px 0;
}

.partnerWrap .container{
    width: 960px;
    margin: 0 auto;
    padding-bottom: 40px;
    box-sizing: border-box;
}

.partnerFlex{
    display: flex;
}

.partnerIntro{
    width: 100%;
}

.partnerLogo{
    width: 25%;
    padding: 0 20px;
}

.partnerLogo img{
    width: 100%;
}
/*Card*/
.cardGroup{
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    justify-content: space-between;
}

.cardWrap{
    width: 33.333%;
    margin-bottom: 40px;
}

.img_round{
    margin: 20px;  
}

.img_round img{
    width: 80%;
    border-radius: 50%;
    margin: 0 auto;
    display: block;
}

.btn_more{
    max-width: 170px;
    margin: 0 auto;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: 5px;
    background: #ffffff;
    color: #000000;
    display: block;
    font-size: 1em;
    padding: .75rem 1.25rem;
}

.btn_more:hover{
    background-color: #f8f9fa;
}

/*=======================
for Mobile 小於或等於959px時
=======================*/
@media screen and (max-width:959px) {
    .partnerWrap{
        padding: 30px 0;
    }

    .partnerWrap .container{
        width: 100%;
        margin: 0 auto;
        padding: 40px 20px;
    }

    .partnerFlex{
        flex-direction: column-reverse;
    }


    
    .partnerLogo{
        width: 100%;
        padding: 20px 0;
    }
    
    .partnerLogo img{
        width: 100%;
    }

    /*Card*/
    .cardWrap{
        width: 50%;
        margin-bottom: 40px;
    }

    .img_round{
        margin: 20px 0;  
    }

    .img_round img{
        width: 90%;
    }

    .btn_more{
        max-width: 72%;
        padding: 0.5em 0.8em;
    }

}


