@charset "utf-8";
body { background: url(../img/header_bg1.gif) #FFF repeat-x; }
/*----------------------------------------------------------------header*/
.header { height: 625px; background: url(../img/header_kv.jpg) no-repeat; position: relative; }
.header h1 { background: url(../img/header_logo.png) no-repeat; width: 198px; height: 32px; position: absolute; top: 25px; left: 40px; text-indent: -9999px; }
.header h2 { padding: 155px 0 0 89px; color: #3e3a39; font: 900 2.1em Microsoft JhengHei, "微軟正黑體"; }
.header h3 { color: #FFF; padding: 13px 0 0 86px; font: 900 1.2em Microsoft JhengHei, "微軟正黑體"; }
.header h3 span { color: #fff100; }
.header p { color: #FFF; padding: 40px 0 0 86px; width: 540px; font-size:
}
.header .btn-1 { background-image: url(../img/btn_bg1.gif); width: 210px; height: 45px; font-size: 1.4em; line-height: 45px; margin: 20px 0 0 80px; }
/*----------------------------------------------------------------article01*/
.article01 { height: 1300px; }
.article01 h2 { color: #0068b7; padding: 57px 0 0 120px; font: 900 1.5em "微軟正黑體"; }
.article01 h3 { color: #313131; font-size: 0.9em; padding-left: 120px; }
.classes { width: 1030px; margin: 0 auto; }
.tabBlock{overflow:hidden;}
.tab { position: relative; width: 331px; display: inline-block; height: 138px; overflow: hidden;float:left; }
.tab h4 { position: absolute; left: 0; top: 69px; width: 221px; height: 51px; background: url(../img/index_img00.gif) center bottom no-repeat; vertical-align: top; padding: 20px 0 0 110px; z-index: 2; }
.tab img { z-index: 100; position: absolute; left: 35px; top: 2px; }
.tab span { position: absolute; left: 0; background-repeat: no-repeat; z-index: 5; display: block; position: absolute; left: 70px; top: -40px; -moz-transform-origin: left bottom; -moz-transform: rotate(-100deg); -webkit-transform-origin: left bottom; -webkit-transform: rotate(100deg); -o-transform-origin: left bottom; -o-transform: rotate(-100deg); -ms-transform-origin: left bottom; -ms-transform: rotate(-100deg); transform-origin: left bottom; transform: rotate(100deg); }
.tab span.activeHand { -moz-transform-origin: left bottom; -moz-transform: rotate(-3deg); -webkit-transform-origin: left bottom; -webkit-transform: rotate(-3deg); -o-transform-origin: left bottom; -o-transform: rotate(-3deg); -ms-transform-origin: left bottom; -ms-transform: rotate(-3deg); transform-origin: left bottom; transform: rotate(-3deg); }
#class01_tab span { background-image: url(../img/index_img01_3.png); width: 82px; height: 68px; top: -45px; }
#class02_tab span { background-image: url(../img/index_img02_3.png); width: 77px; height: 77px; top: -51px; }
#class03_tab span { background-image: url(../img/index_img03_3.png); width: 77px; height: 68px; top: -43px; }
.tab:hover span, .tab img:hover span { transition: all ease .5s; -webkit-transition: all ease .5s; -moz-transition: all ease .5s; -moz-transform-origin: left bottom; -moz-transform: rotate(-3deg); -webkit-transform-origin: left bottom; -webkit-transform: rotate(-3deg); -o-transform-origin: left bottom; -o-transform: rotate(-3deg); -ms-transform-origin: left bottom; -ms-transform: rotate(-3deg); transform-origin: left bottom; transform: rotate(-3deg); }
.tab .btn-1 { position: absolute; right: 20px; top: 72px; background-image: url(../img/btn_bg2.gif); width: 164px; height: 35px; font: 900 1.0em "微軟正黑體"; line-height: 35px; z-index: 1; }
#class01_tab .btn-1 { top: 34px; }
.content { padding-top: 50px; position: absolute; width: 1000px; height: auto; overflow: hidden;clear:both; }
#class01_content { background: url(../img/index_img01_2.gif) 120px 0 no-repeat; }
#class02_content { background: url(../img/index_img02_2.gif) 450px 0 no-repeat; display: none; }
#class03_content { background: url(../img/index_img03_2.gif) 790px 0 no-repeat; display: none; }
.content th { padding: 8px 20px; color: #FFF; }
.th_time { width: 164px; }
.th_theme { width: 290px; }
.content td { padding: 15px 20px; color: #000; }
.content ul li { display: inline; background: url(../img/list.png) left 4px no-repeat; padding: 0 20px; }
.content ul li span { padding-left: 20px; }
#class01_content th { background-color: #083654; }
#class02_content th { background-color: #d4145a; }
#class03_content th { background-color: #0071BC; }
.btn-1 { background-image: url(../img/btn_bg1.gif); width: 210px; height: 45px; font-size: 1.4em; line-height: 45px; margin: 0 auto; }
.tr_btn td { padding: 40px 0; }
/*----------------------------------------------------------------article02*/
.article02 { height: 815px; background: url(../img/index_bg.gif) #d9f0fb 800px top no-repeat; padding: 0 120px; width: 1040px; margin: 0 auto; }
.article02 h2 { color: #0068b7; font: 900 1.65em Microsoft JhengHei, "微軟正黑體"; padding-top: 40px; }
.article02 p { color: #313131; padding-top: 20px; }
.article02 img { padding-top: 40px; }