/* =================================================================================================================================================================================================================================== =================================================================================================================================================================================================================================== =================================================================================================================================================================================================================================== =================================================================================================================================================================================================================================== =================================================================================================================================================================================================================================== =================================================================================================================================================================================================================================== */ .wp-caption { position: relative; padding: 0; margin: 0; } .wp-caption img { display: block; max-width: 100%; height: auto; } .wp-caption-text { opacity: 0; position: absolute; width: 100%; color: #fff; left: 0; bottom: 0; line-height: 18px; padding: 0.5em 0.5em; font-weight: 300; font-size: 12px; z-index: 2; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: rgba(37, 117, 75,.8); -webkit-transition: opacity .3s ease-in-out; transition: opacity .3s ease-in-out; opacity: 1; } .wp-caption:hover .wp-caption-text { opacity: 1; } img.ec { padding: 20px; padding-top: 5px } hr.style13 { height: 5px; border: 0; box-shadow: 0 10px 10px -10px #008701 inset; } hr.style13a { background-color: #fff; border-top: 2px dotted #008701; } /*==================================================================================================<< MMM iPhone >>==================================================================================================*/ body { -webkit-text-size-adjust: none; text-size-adjust: none; } /*==================================================================================================<< END iPhone >>==================================================================================================*/ /* =================================================================================================================================================================================================================================== =================================================================================================================================================================================================================================== */ #main { background:url(imgs/inner_bg.jpg) repeat-x #ffffff center top; } /* background of whole webpage */ table.no-spacing { border-spacing:0; /* Removes the cell spacing via CSS */ border-collapse: collapse; /* Optional - if you don't want to have double border where cells touch */ } .Pro_BosSSSSS_td { background-color: #ffffff; display: block; width: auto; Height: auto; line-height: 0px; text-align: left; text-decoration: none; font-family: Arial, Helvetica, sans-serif; FONT-SIZE: 11px; font-weight: bold; font-weight: normal; COLOR: #212C30; border: 0; padding-top: 3px; padding-right: 3px; padding-bottom: 3px; padding-left: 3px; BORDER-top: #bfbfbf 0px solid; BORDER-right: #bfbfbf 0px solid; BORDER-bottom: #bfbfbf 0px solid; BORDER-left: #bfbfbf 0px solid; border-radius: 0px; -webkit-box-shadow: 5px 5px 18px 0px rgba(0,0,0,0.18); -moz-box-shadow: 5px 5px 18px 0px rgba(0,0,0,0.18); box-shadow: 5px 5px 18px 0px rgba(0,0,0,0.18); } .Pro_PP_TT__BOSS_td { background: linear-gradient(45deg, rgba(0,51,0,1) 0%, rgba(18,135,111,1) 100%); display: block; width: auto; Height: auto; line-height: 0px; text-align: left; text-decoration: none; font-family: Arial, Helvetica, sans-serif; FONT-SIZE: 19px; font-weight: bold; font-weight: normal; COLOR: #FFFFFF; border: 0; padding-top: 3px; padding-right: 3px; padding-bottom: 3px; padding-left: 10px; BORDER-top: #bfbfbf 0px solid; BORDER-right: #bfbfbf 0px solid; BORDER-bottom: #bfbfbf 0px solid; BORDER-left: #bfbfbf 0px solid; border-radius: 0px; -webkit-box-shadow: 3px 3px 8px 0px rgba(0,0,0,0.18); -moz-box-shadow: 3px 3px 8px 0px rgba(0,0,0,0.18); box-shadow: 3px 3px 8px 0px rgba(0,0,0,0.18); } /* =================================================================================================================================================================================================================================== =================================================================================================================================================================================================================================== =================================================================================================================================================================================================================================== =================================================================================================================================================================================================================================== =================================================================================================================================================================================================================================== =================================================================================================================================================================================================================================== =================================================================================================================================================================================================================================== =================================================================================================================================================================================================================================== =================================================================================================================================================================================================================================== =================================================================================================================================================================================================================================== */ .content { cursor:pointer; cursor:hand; } .content:hover { cursor:pointer; cursor:hand; COLOR: #FFC1E2; } A.f01_p1AAA_04_001_line { COLOR: #ffffff; FONT-SIZE: 15px; font-family: Arial, Helvetica, sans-serif; line-height: 25px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; text-decoration:none; cursor:pointer; cursor:hand; } A.f01_p1AAA_04_001_line:hover { COLOR: #ffffff; text-decoration:none; cursor:pointer; cursor:hand; } A.f01_p1AAA_04_002_line { COLOR: #ffffff; FONT-SIZE: 15px; font-family: Arial, Helvetica, sans-serif; line-height: 25px; padding-top: 3px; padding-right: 0px; padding-bottom: 3px; padding-left: 23px; text-decoration:none; } A.f01_p1AAA_04_002_line:hover { COLOR: #ffffff; text-decoration:none; } .f01_p1AAA_04_001 { COLOR: #FFFFFF; FONT-SIZE: 15px; font-family: Arial, Helvetica, sans-serif; line-height: 25px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; text-decoration:none; } .f01_p1AAA_04__TT_002 { COLOR: #f0e3e8; FONT-SIZE: 13px; font-family: Arial, Helvetica, sans-serif; line-height: 25px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } .f01_p1AAA_04__TT_002b { COLOR: #FFFFFF; FONT-SIZE: 13px; font-family: Arial, Helvetica, sans-serif; line-height: 25px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } .f01_p1AAA_04__TT_003 { COLOR: #d5bac5; FONT-SIZE: 13px; font-family: Arial, Helvetica, sans-serif; line-height: 25px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 16px; } .f01_p1AAA_04__TT_003b { COLOR: #FFFFFF; FONT-SIZE: 13px; font-family: Arial, Helvetica, sans-serif; line-height: 25px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 16px; } .f01_p1AAA_04__td_ss01 { COLOR: #000000; FONT-SIZE: 13px; font-family: Arial, Helvetica, sans-serif; line-height: 25px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } .f01_p1AAA_04__td_02 { COLOR: #000000; FONT-SIZE: 12px; font-family: Arial, Helvetica, sans-serif; line-height: 25px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } /* =================================================================================================================================================================================================================================== =================================================================================================================================================================================================================================== =================================================================================================================================================================================================================================== =================================================================================================================================================================================================================================== =================================================================================================================================================================================================================================== =================================================================================================================================================================================================================================== =================================================================================================================================================================================================================================== =================================================================================================================================================================================================================================== =================================================================================================================================================================================================================================== =================================================================================================================================================================================================================================== */ A.pro_map { background-image: url(imgs/cuhk_map.jpg); display: block; width: 380px; Height: 380px; line-height: 20px; text-align: left; text-decoration: none; font-family: Arial, Helvetica, sans-serif; FONT-SIZE: 12px; font-weight: bold; font-weight: normal; COLOR: #107461; border: 0; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } A.pro_map:hover { background-image: url(imgs/cuhk_map_on.jpg); COLOR: #17cfac; text-decoration: none; } .f01_BB_line_LINE { COLOR: #7f697c; FONT-SIZE: 12px; font-family: Arial, Helvetica, sans-serif; line-height: 20px; padding-top: 0px; padding-right: 5px; padding-bottom: 0px; padding-left: 5px; } A.f01_BB_line_01 { COLOR: #ffffff; FONT-SIZE: 12px; font-family: Arial, Helvetica, sans-serif; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; text-decoration:underline; } A.f01_BB_line_01:hover { COLOR: #e1e1e1; text-decoration:none; } A.f01_BB_line_02 { COLOR: #148f77; FONT-SIZE: 12px; font-family: Arial, Helvetica, sans-serif; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; text-decoration:underline; } A.f01_BB_line_02:hover { COLOR: #1ABC9C; text-decoration:none; } .f01_BB_Copyright_001 { COLOR: #d9d3d8; FONT-SIZE: 12px; font-family: Arial, Helvetica, sans-serif; line-height: 20px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } .f01_BB_Copyright_002 { COLOR: #ffffff; FONT-SIZE: 12px; font-family: Arial, Helvetica, sans-serif; line-height: 20px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } /* =================================================================================================================================================================================================================================== =================================================================================================================================================================================================================================== =================================================================================================================================================================================================================================== =================================================================================================================================================================================================================================== =================================================================================================================================================================================================================================== =================================================================================================================================================================================================================================== =================================================================================================================================================================================================================================== =================================================================================================================================================================================================================================== =================================================================================================================================================================================================================================== =================================================================================================================================================================================================================================== */ .f01_pp_tt_line_LINE { COLOR: #000000; FONT-SIZE: 12px; font-family: Arial, Helvetica, sans-serif; line-height: 20px; padding-top: 0px; padding-right: 3px; padding-bottom: 0px; padding-left: 3px; } A.f01_pp_tt_line_01 { COLOR: #000000; FONT-SIZE: 12px; font-family: Arial, Helvetica, sans-serif; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; text-decoration:none; } A.f01_pp_tt_line_01:hover { COLOR: #148F77; text-decoration:none; } .f01_pp_tt_line_01_on { COLOR: #148f77; FONT-SIZE: 12px; font-family: Arial, Helvetica, sans-serif; line-height: 20px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; text-decoration:none; } .f01_pp_Title____AA01 { COLOR: #085a4a; FONT-SIZE: 18px; font-family: Arial, Helvetica, sans-serif; line-height: 28px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; text-decoration:none; } /* =================================================================================================================================================================================================================================== =================================================================================================================================================================================================================================== =================================================================================================================================================================================================================================== =================================================================================================================================================================================================================================== =================================================================================================================================================================================================================================== =================================================================================================================================================================================================================================== =================================================================================================================================================================================================================================== =================================================================================================================================================================================================================================== =================================================================================================================================================================================================================================== =================================================================================================================================================================================================================================== */ .f01_HH_BB_TD_TTT { COLOR: #ffffff; FONT-SIZE: 13px; font-family: Arial, Helvetica, sans-serif; line-height: 28px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } A.f01_HH_BB_TD_line_01 { COLOR: #ffffff; FONT-SIZE: 12px; font-family: Arial, Helvetica, sans-serif; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; text-decoration:none; } A.f01_HH_BB_TD_line_01:hover { COLOR: #f1e9f0; text-decoration:none; } /* =================================================================================================================================================================================================================================== =================================================================================================================================================================================================================================== =================================================================================================================================================================================================================================== =================================================================================================================================================================================================================================== =================================================================================================================================================================================================================================== =================================================================================================================================================================================================================================== =================================================================================================================================================================================================================================== =================================================================================================================================================================================================================================== =================================================================================================================================================================================================================================== =================================================================================================================================================================================================================================== */ .f01_PP_TTSS001 { COLOR: #84397e; FONT-SIZE: 15px; font-family: Arial, Helvetica, sans-serif; line-height: 20px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } .f01_HH_001 { COLOR: #191919; FONT-SIZE: 12px; font-family: Arial, Helvetica, sans-serif; line-height: 20px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } .f01_HH_Newss_tt { COLOR: #ffffff; FONT-SIZE: 13px; font-family: Arial, Helvetica, sans-serif; line-height: 20px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } .f01_HH_Newss_001 { COLOR: #373737; FONT-SIZE: 12px; font-family: Arial, Helvetica, sans-serif; line-height: 20px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } .f01_HH_Newss_002 { COLOR: #c4005c; FONT-SIZE: 12px; font-family: Arial, Helvetica, sans-serif; line-height: 20px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } .f01_pp_ss_001 { COLOR: #046251; FONT-SIZE: 17px; font-family: Arial, Helvetica, sans-serif; line-height: 28px; } a.a_f01_pp_ss_001, a.a_f01_pp_ss_001:hover, a.a_f01_pp_ss_001:active, a.a_f01_pp_ss_001:focus { COLOR: #5b1555; FONT-SIZE: 14px; font-family: Arial, Helvetica, sans-serif; line-height: 28px; text-decoration:none; } .f01_L18_001_p2_tt { COLOR: #000000; FONT-SIZE: 13px; font-family: Arial, Helvetica, sans-serif; line-height: 23px; } .f01_L18_001 { COLOR: #000000; FONT-SIZE: 15px; font-family: Arial, Helvetica, sans-serif; line-height: 22px; } .f01_L18_001_welcome { COLOR: #000000; FONT-SIZE: 15px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; line-height: 1px; } a.a_f01_L18_001 { COLOR: #000000; FONT-SIZE: 12px; font-family: Arial, Helvetica, sans-serif; line-height: 20px; text-decoration:underline; } a.a_f01_L18_001:hover, a.a_f01_L18_001:focus, a.a_f01_L18_001:active { COLOR: #000000; FONT-SIZE: 12px; font-family: Arial, Helvetica, sans-serif; line-height: 20px; text-decoration:underline; } .f01_L18_002 { COLOR: #000000; FONT-SIZE: 13px; font-family: Arial, Helvetica, sans-serif; line-height: 23px; } .f01_L18_001__fff { COLOR: #ffffff; FONT-SIZE: 12px; font-family: Arial, Helvetica, sans-serif; line-height: 20px; } .f01_L18_001__fff_TT { COLOR: #ffffff; FONT-SIZE: 13px; font-family: Arial, Helvetica, sans-serif; line-height: 25px; } .f01 { COLOR: #000000; FONT-SIZE: 11px; font-family: Arial, Helvetica, sans-serif; } .f01_a { COLOR: #4F5A6F; FONT-SIZE: 11px; font-family: Arial, Helvetica, sans-serif; } .f01_boxs { COLOR: #000000; FONT-SIZE: 11px; height: 12px; width: 60px; font-family: Arial, Helvetica, sans-serif; } .f02_boxs__shxx { COLOR: #000000; FONT-SIZE: 13px; font-family: Arial, Helvetica, sans-serif; width: 180px; padding-top: 8px; padding-right: 5px; padding-bottom: 5px; padding-left: 8px; BORDER-top: #9F4899 1px solid; BORDER-right: #9F4899 1px solid; BORDER-bottom: #9F4899 1px solid; BORDER-left: #9F4899 1px solid; border-radius: 3px; } .f02___Year { COLOR: #b9007e; FONT-SIZE: 12px; font-family: Arial, Helvetica, sans-serif; line-height: 23px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } .f02___Year__boxsSS__001 { background-color: #bf3187; COLOR: #ffffff; FONT-SIZE: 12px; height: 18px; font-family: Arial, Helvetica, sans-serif; width: 70px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; BORDER-top: #da59a7 1px solid; BORDER-right: #da59a7 1px solid; BORDER-bottom: #da59a7 1px solid; BORDER-left: #da59a7 1px solid; } .f02___Year__boxsSS__002 { background-color: #bf3187; COLOR: #ffffff; FONT-SIZE: 13px; font-family: Arial, Helvetica, sans-serif; padding-top: 3px; padding-right: 3px; padding-bottom: 3px; padding-left: 3px; BORDER-top: #da59a7 1px solid; BORDER-right: #da59a7 1px solid; BORDER-bottom: #da59a7 1px solid; BORDER-left: #da59a7 1px solid; max-width: 800px; } .f02_boxs_AA { COLOR: #000000; FONT-SIZE: 12px; height: 15px; width: 100%; font-family: Arial, Helvetica, sans-serif; } .f02_boxs_BB { COLOR: #000000; FONT-SIZE: 12px; height: 80px; width: 100%; font-family: Arial, Helvetica, sans-serif; } .f01_pro_imgs { COLOR: #000000; FONT-SIZE: 12px; font-family: Arial, Helvetica, sans-serif; padding-top: 1px; background:#EFECEC; padding-right: 1px; padding-bottom: 1px; padding-left: 1px; } .pic { FONT-SIZE: 0px; TEXT-DECORATION: none } .pic:hover { FILTER: alpha(opacity=75); opacity: 0.75 } .pic IMG { FILTER: progid:DXImageTransform.Microsoft.Alpha(opacity=100); -moz-opacity: 1 } .pic:hover IMG { FILTER: progid:DXImageTransform.Microsoft.Alpha(opacity=80); -moz-opacity: 0.8 } .pic_02 { FONT-SIZE: 0px; TEXT-DECORATION: none; padding:0 0px 0px 0p; margin:0 0px 0px 0; text-decoration:none; display:inline-block; border:1px solid #DDD; border-radius:250px; } .pic_02:hover { FILTER: alpha(opacity=75); opacity: 0.75; } .pic_02 IMG { FILTER: progid:DXImageTransform.Microsoft.Alpha(opacity=100); -moz-opacity: 1; } .pic_02:hover IMG { FILTER: progid:DXImageTransform.Microsoft.Alpha(opacity=80); -moz-opacity: 0.8; padding:0 0px 0px 0p; margin:0 0px 0px 0; text-decoration:none; display:inline-block; border:1px solid #DDD; border-radius:250px; } A.pro_p { background-image: url(imgs/c.png); display: block; width: auto; Height: auto; line-height: 20px; text-align: left; text-decoration: none; font-family: Arial, Helvetica, sans-serif; FONT-SIZE: 12px; font-weight: bold; font-weight: normal; COLOR: #ffffff; border: 0; padding-top: 18px; padding-right: 5px; padding-bottom: 18px; padding-left: 20px; -webkit-box-shadow: 3px 3px 8px 0px rgba(0,0,0,0.18); -moz-box-shadow: 3px 3px 8px 0px rgba(0,0,0,0.18); box-shadow: 3px 3px 8px 0px rgba(0,0,0,0.18); } A.pro_p:hover { background-image: url(imgs/c_on.png); COLOR: #ffffff; text-decoration: none; } A.a_menu_p1 { display: inline-block; } A.pro_p_on { background-image: url(imgs/c_on.png); display: block; width: auto; Height: auto; line-height: 20px; text-align: left; text-decoration: none; font-family: Arial, Helvetica, sans-serif; FONT-SIZE: 12px; font-weight: bold; font-weight: normal; COLOR: #ffffff; border: 0; padding-top: 18px; padding-right: 5px; padding-bottom: 18px; padding-left: 20px; -webkit-box-shadow: 3px 3px 8px 0px rgba(0,0,0,0.18); -moz-box-shadow: 3px 3px 8px 0px rgba(0,0,0,0.18); box-shadow: 3px 3px 8px 0px rgba(0,0,0,0.18); } A.pro_p_on:hover { background-image: url(imgs/c_on.png); COLOR: #ffffff; text-decoration: none; } A.pro_p02 { background-image: url(imgs/c02.png); display: block; width: auto; Height: auto; line-height: 20px; text-align: left; text-decoration: none; font-family: Arial, Helvetica, sans-serif; FONT-SIZE: 12px; font-weight: bold; font-weight: normal; COLOR: #6c066c; border: 0; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 10px; } A.pro_p02:hover { background-image: url(imgs/c02_on.png); COLOR: #ffffff; text-decoration: none; } A.pro_p02_on { background-image: url(imgs/c02_on.png); display: block; width: auto; Height: auto; line-height: 20px; text-align: left; text-decoration: none; font-family: Arial, Helvetica, sans-serif; FONT-SIZE: 12px; font-weight: bold; font-weight: normal; COLOR: #ffffff; border: 0; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 10px; } A.pro_p02_on:hover { background-image: url(imgs/c02_on.png); COLOR: #ffffff; text-decoration: none; } A.pro_p03 { background-image: url(imgs/c03.png); display: block; width: auto; Height: auto; line-height: 20px; text-align: left; text-decoration: none; font-family: Arial, Helvetica, sans-serif; FONT-SIZE: 12px; font-weight: bold; font-weight: normal; COLOR: #107461; border: 0; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 30px; } A.pro_p03:hover { background-image: url(imgs/c03_on.png); COLOR: #17cfac; text-decoration: none; } A.pro_p03_on { background-image: url(imgs/c03_on.png); display: block; width: auto; Height: auto; line-height: 20px; text-align: left; text-decoration: none; font-family: Arial, Helvetica, sans-serif; FONT-SIZE: 12px; font-weight: bold; font-weight: normal; COLOR: #1ABC9C; border: 0; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 30px; } A.pro_p03_on:hover { background-image: url(imgs/c03_on.png); COLOR: #148F77; text-decoration: none; } A.f01_00line { font-family: Arial, Helvetica, sans-serif; FONT-SIZE: 11px; COLOR: #4F5A6F; } A.f01_00line:hover { COLOR: #000F00; text-decoration:underline; } .f01_TD_001 { COLOR: #333333; FONT-SIZE: 12px; font-family: Arial, Helvetica, sans-serif; background:#EFECEC; } .f01_TD_001:hover { COLOR: #333333; FONT-SIZE: 12px; font-family: Arial, Helvetica, sans-serif; background:#fff267; } .f01_TD_002 { COLOR: #333333; FONT-SIZE: 12px; font-family: Arial, Helvetica, sans-serif; background:#EFECEC; } .f01_TD_002:hover { COLOR: #333333; FONT-SIZE: 12px; font-family: Arial, Helvetica, sans-serif; background:#fff267; } .f01_TD_002 { COLOR: #000000; FONT-SIZE: 12px; font-family: Arial, Helvetica, sans-serif; background:#ffffcc; } .f01_TD_002:hover { COLOR: #000000; FONT-SIZE: 12px; font-family: Arial, Helvetica, sans-serif; background:#fff267; } .f01__page__01 { COLOR: #000000; FONT-SIZE: 12px; font-family: Arial, Helvetica, sans-serif; padding-top: 0px; padding-right: 3px; padding-bottom: 0px; padding-left: 3px; } A.f01_page_line_01 { COLOR: #000000; FONT-SIZE: 12px; font-family: Arial, Helvetica, sans-serif; padding-top: 0px; padding-right: 3px; padding-bottom: 0px; padding-left: 3px; text-decoration:none; } A.f01_page_line_01:hover { COLOR: #0b89f4; text-decoration:underline; } .f01_page_line_01_on { COLOR: #0b89f4; FONT-SIZE: 12px; font-family: Arial, Helvetica, sans-serif; padding-top: 0px; padding-right: 3px; padding-bottom: 0px; padding-left: 3px; text-decoration:underline; } A.f01_Det_00line { background-color: #3f93ab; display: block; width: auto; Height: auto; line-height: 25px; text-align:center; text-decoration: none; font-family: Arial, Helvetica, sans-serif; FONT-SIZE: 12px; font-weight: bold; font-weight: normal; COLOR: #ffffff; border: 0; padding-top: 0px; padding-right: 15px; padding-bottom: 0px; padding-left: 15px; BORDER-top: #e1e1e1 0px solid; BORDER-right: #e1e1e1 0px solid; BORDER-bottom: #e1e1e1 0px solid; BORDER-left: #e1e1e1 0px solid; border-radius: 8px; } A.f01_Det_00line:hover { background-color: #267991; COLOR: #ffffff; text-decoration: none; } .va-title{ font-family: 'Source Sans Pro', sans-serif, Helvetica, Arial; text-transform:uppercase; font-size:45px; margin-left:533px; color:#FF006C; text-shadow: 1px 1px 1px white; text-align: left; } A.f01_Pro_Det_line_001 { COLOR: #323232; FONT-SIZE: 15px; font-family: Arial, Helvetica, sans-serif; padding-top: 0px; padding-right: 5px; padding-bottom: 0px; padding-left: 5px; text-decoration:none; } A.f01_Pro_Det_line_001:hover { COLOR: #000000; text-decoration:none; } A.e_newsletter { COLOR: #008080; FONT-SIZE: 18px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; text-decoration:none; } A.e_newsletter:hover { COLOR: #fa6f0b; text-decoration:none; } A.e_newslettera { COLOR: #000000; FONT-SIZE: 15px; font-family: Arial, Helvetica, sans-serif; font-weight: ; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; text-decoration:none; } A.e_newslettera:hover { COLOR: #1561e6; text-decoration:none; } A.f01_PEOPLE { COLOR: #051594; FONT-SIZE: 15px; font-family: Arial, Helvetica, sans-serif; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; text-decoration:none; } A.f01_PEOPLE:hover { COLOR: #fa6f0b; text-decoration:none; } A.f05_REPORT { COLOR: #0722f6; FONT-SIZE: 14px; font-family: Arial, Helvetica, sans-serif; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; text-decoration:none; } A.f05_REPORT:hover { COLOR: #fa6f0b; text-decoration:none; } A.f06_REPORT { COLOR: #003300; FONT-SIZE: 13px; font-family: Arial, Helvetica, sans-serif; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; text-decoration:none; } A.f06_REPORT:hover { COLOR: #00cc00; text-decoration:none; } .button { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#FFFFFF; border:1px solid #779712; background:url(imgs/button__.jpg) 0 0px repeat-x; height: 23px; cursor:pointer; cursor:hand; padding-top: 5px; padding-bottom: 5px; padding-right: 8px; padding-left: 8px; } A.pro_td { background-color: #ededed; display: block; width: auto; Height: auto; line-height: 0px; text-align: left; text-decoration: none; font-family: Arial, Helvetica, sans-serif; FONT-SIZE: 11px; font-weight: bold; font-weight: normal; COLOR: #212C30; border: 0; padding-top: 8px; padding-right: 8px; padding-bottom: 8px; padding-left: 8px; BORDER-BOTTOM: #bfbfbf 1px solid; BORDER-RIGHT: #bfbfbf 1px solid; border-radius: 9px; } A.pro_td:hover { background-color: #ededed; display: block; width: auto; Height: auto; line-height: 0px; text-align: left; text-decoration: none; font-family: Arial, Helvetica, sans-serif; FONT-SIZE: 11px; font-weight: bold; font-weight: normal; COLOR: #212C30; border: 0; padding-top: 8px; padding-right: 8px; padding-bottom: 8px; padding-left: 8px; BORDER-BOTTOM: #bfbfbf 1px solid; BORDER-RIGHT: #bfbfbf 1px solid; border-radius: 9px; } .pro_td_002 { background-color: #ffffff; display: block; width: auto; Height: auto; line-height: 0px; text-align:center; text-decoration: none; font-family: Arial, Helvetica, sans-serif; FONT-SIZE: 11px; font-weight: bold; font-weight: normal; COLOR: #212C30; border: 0; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; BORDER-BOTTOM: #bfbfbf 0px solid; BORDER-RIGHT: #bfbfbf 0px solid; box-shadow: 3px 3px 13px #dedede; /*shadow for CSS3 capable browsers.*/ -webkit-box-shadow: 3px 3px 13px #dedede; -moz-box-shadow: 3px 3px 13px #dedede; } /* =================================================================================================================================================================================================================================== 字變大楷 .va-title{ text-transform:uppercase; } font-family: "SimHei", "微軟正黑體", "Microsoft YaHei", "新細明體"; =================================================================================================================================================================================================================================== /*簡體中文 FONT: 14px/18px Microsoft YaHei, "宋体"; font-family: "SimSun", "宋体", "STSong", "华文宋体", Arial, Helvetica; font-family:"細明體", "新細明體" Arial, Helvetica, sans-serif; 中文會好看些 font-family:"Microsoft YaHei" !important; font-family:"Hiragino Sans GB","Microsoft YaHei","simsun"} font-family: 'Open Sans', 'Helvetica Neue', '微軟正黑體', Helvetica, Arial, Sans-serif; =================================================================================================================================================================================================================================== 字間的拒離 letter-spacing: 3px; =================================================================================================================================================================================================================================== BG body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; background-image: url(imgs/hh_home_bgbg001.jpg); background-repeat:repeat-x; background-color: #f2f8ec; } =================================================================================================================================================================================================================================== 弧形 border-radius: 9px; border-radius: 67px 0px 45px 0px; -moz-border-radius: 67px 0px 45px 0px; -webkit-border-radius: 67px 0px 45px 0px; border: 0px solid #000000; ==================== Boxs =================== border:1px solid #ffffff; border-radius: 5px; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.35); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.35); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.35); =================================================================================================================================================================================================================================== border-radius: 10px 10px 10px 10px; border-radius: 9px; =================================================================================================================================================================================================================================== 開線 border-bottom: dotted 1px #515151; =================================================================================================================================================================================================================================== 相一次 background-repeat:no-repeat; 相向底 background-position:bottom; 出手指ICON cursor:pointer; cursor:hand; 色 /* background: #424242 !important; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#424242), to(#303030)) !important; background-image: -moz-linear-gradient(#424242, #303030) !important; background-image: -webkit-linear-gradient(#424242, #303030) !important; background-image: -o-linear-gradient(#424242, #303030) !important; background: -ms-linear-gradient(#424242, #303030) !important; background: linear-gradient(#424242, #303030) !important; =================================================================================================================================================================================================================================== A.f01_Button_ooline { background:#e9123b url(Button_001/Button_ii_ii_001.png) Top left; display: block; width: auto; Height: auto; line-height: 20px; text-align:center; text-decoration: none; font-family: Arial, Helvetica, sans-serif; FONT-SIZE: 12px; font-weight: bold; font-weight: normal; COLOR: #ffffff; border: 0; padding-top: 1px; padding-right: 8px; padding-bottom: 1px; padding-left: 15px; BORDER-top: #bfbfbf 0px solid; BORDER-right: #bfbfbf 0px solid; BORDER-bottom: #bfbfbf 0px solid; BORDER-left: #bfbfbf 0px solid; border-radius: 4px; box-shadow: 2px 2px 8px #dedede; -webkit-box-shadow: 2px 2px 8px #dedede; -moz-box-shadow: 2px 2px 8px #dedede; } A.f01_Button_ooline:hover { FILTER: alpha(opacity=75); opacity: 0.75; text-decoration:none; } =================================================================================================================================================================================================================================== vertical-align: middle; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.75); =================================================================================================================================================================================================================================== =================================================================================================================================================================================================================================== =================================================================================================================================================================================================================================== =================================================================================================================================================================================================================================== background-color: #f5f5f5; *background-color: #e6e6e6; background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6)); background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6); background-image: -o-linear-gradient(top, #ffffff, #e6e6e6); background-image: linear-gradient(to bottom, #ffffff, #e6e6e6); background-repeat: repeat-x; border: 1px solid #cccccc; *border: 0; border-color: #e6e6e6 #e6e6e6 #bfbfbf; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); border-bottom-color: #b3b3b3; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); *zoom: 1; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); =================================================================================================================================================================================================================================== =================================================================================================================================================================================================================================== =================================================================================================================================================================================================================================== =================================================================================================================================================================================================================================== .hidden-xs { display: none !important; } } @media (min-width: 768px) and (max-width: 991px) { .hidden-sm { display: none !important; } } @media (min-width: 992px) and (max-width: 1199px) { .hidden-md { display: none !important; } } @media (min-width: 1200px) { .hidden-lg { display: none !important; } } =================================================================================================================================================================================================================================== =================================================================================================================================================================================================================================== =================================================================================================================================================================================================================================== =================================================================================================================================================================================================================================== 相=====> .logo_effect{ background:#FFFFFF; box-shadow:0px 0px 0px 0px #FFFFFF; opacity:0.3; overflow:hidden; transition:opacity 0.5s; -moz-transition:opacity 0.5s; -webkit-transition:opacity 0.5s; -o-transition:opacity 0.5s; } .logo_effect:hover{ opacity:1; } =================================================================================================================================================================================================================================== =================================================================================================================================================================================================================================== =================================================================================================================================================================================================================================== =================================================================================================================================================================================================================================== =================================================================================================================================================================================================================================== =================================================================================================================================================================================================================================== */ /* Responsiveslides start -- Callback example */ h3 { font: 20px/30px "Helvetica Neue", Helvetica, Arial, sans-serif; text-align: center; color: #fff; } .events { list-style: none; } .callbacks_container { margin-bottom: 50px; position: relative; float: left; width: 100%; } .callbacks { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; } .callbacks li { position: absolute; width: 100%; left: 0; top: 0; } .callbacks img { display: block; position: relative; z-index: 1; height: auto; width: 100%; border: 0; } .callbacks .caption { display: block; position: absolute; z-index: 2; font-size: 15px; text-shadow: none; color: #fff; background: #000; background: rgba(0, 102, 0,.8); left: 0; right: 0; bottom: 0; padding: 10px 20px; margin: 0; max-width: none; } .callbacks_nav { position: absolute; -webkit-tap-highlight-color: rgba(0,0,0,0); top: 52%; left: 0; opacity: 0.7; z-index: 3; text-indent: -9999px; overflow: hidden; text-decoration: none; height: 61px; width: 38px; background: transparent url("themes/themes.gif") no-repeat left top; margin-top: -45px; } .callbacks_nav:active { opacity: 1.0; } .callbacks_nav.next { left: auto; background-position: right top; right: 0; } #slider3-pager a { display: inline-block; } #slider3-pager img { float: left; } #slider3-pager .rslides_here a { background: transparent; box-shadow: 0 0 0 2px #666; } #slider3-pager a { padding: 0; } @media screen and (max-width: 600px) { h1 { font: 24px/50px "Helvetica Neue", Helvetica, Arial, sans-serif; } .callbacks_nav { top: 47%; } } /* Responsiveslides end -- Callback example */